diff --git a/packages/web/src/common/components/Typography.tsx b/packages/web/src/common/components/Typography.tsx
index 6cd310d..87dec99 100644
--- a/packages/web/src/common/components/Typography.tsx
+++ b/packages/web/src/common/components/Typography.tsx
@@ -27,7 +27,7 @@ const getColorFromTheme = (theme: Theme, colorString: ThemeColors) => {
     const colorValue = theme.colors[colorKey as keyof Theme["colors"]];
 
     if (typeof colorValue === "object" && shade in colorValue) {
-      return colorValue[shade as keyof typeof colorValue];
+      return colorValue[shade as unknown as keyof typeof colorValue];
     }
   }