Update color summary styles

newscred · Sep 12, 2023 · 9662205 · 9662205
1 parent 42409c8
commit 9662205
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/components/ColorSummary/index.tsx b/components/ColorSummary/index.tsx
@@ -1,12 +1,18 @@
 import React from "react";
 import reactCSS from "reactcss";
 import { Color } from "@/helpers/types";
+import { Inter } from "next/font/google";
 
 interface ComponentProps {
   color: Color;
   onClick: () => void;
 }
 
+const textFont = Inter({
+  weight: "400",
+  subsets: ["latin"],
+});
+
 export default function Component({ color, onClick }: ComponentProps) {
   const styles = reactCSS({
     default: {
@@ -30,10 +36,13 @@ export default function Component({ color, onClick }: ComponentProps) {
         cursor: "pointer",
       },
       text: {
+        ...textFont.style,
+        color: "#080736",
+        fontSize: "14px",
+        letterSpacing: "0.15px",
+        lineHeight: "20px",
         paddingLeft: "10px",
         display: "inline-block",
-        fontSize: "20px",
-        fontFamily: "Inter, Helvetica, Arial, sans-serif",
       },
     },
   });