fix: Reasoning modals description font weight and color

IntersectMBO · Jun 21, 2024 · d58ff23 · d58ff23
1 parent e737ca0
commit d58ff23
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/frontend/src/components/organisms/Modals/AddReasoningModal.tsx b/frontend/src/components/organisms/Modals/AddReasoningModal.tsx
@@ -8,7 +8,7 @@ import {
   Typography,
 } from "@atoms";
 import { useForm } from "react-hook-form";
-import { IMAGES } from "@consts";
+import { customPalette, IMAGES } from "@consts";
 import { useTranslations } from "next-intl";
 import { ControlledField } from "@organisms";
 import { useModal } from "@context";
@@ -54,7 +54,11 @@ export const AddReasoningModal = () => {
       <ModalHeader>{t("addReasoning.headline")}</ModalHeader>
       <form onSubmit={handleSubmit(onSubmit)}>
         <ModalContents>
-          <Typography variant="body1" fontWeight={500}>
+          <Typography
+            variant="body2"
+            fontWeight={400}
+            color={customPalette.textGray}
+          >
             {t("addReasoning.description")}
           </Typography>
           <ControlledField.Input

diff --git a/frontend/src/components/organisms/Modals/ReasoningLinkModal.tsx b/frontend/src/components/organisms/Modals/ReasoningLinkModal.tsx
@@ -8,7 +8,7 @@ import {
   ModalActions,
   Typography,
 } from "@atoms";
-import { IMAGES } from "@consts";
+import { customPalette, IMAGES } from "@consts";
 import { useTranslations } from "next-intl";
 import { useModal } from "@context";
 import { useSnackbar } from "@/context/snackbar";
@@ -36,7 +36,11 @@ export const ReasoningLinkModal = () => {
       <ModalHeader>{t("reasoningLink.headline")}</ModalHeader>
       <form onSubmit={onSubmit}>
         <ModalContents>
-          <Typography variant="body1" fontWeight={500}>
+          <Typography
+            color={customPalette.textGray}
+            variant="body2"
+            fontWeight={400}
+          >
             {t("reasoningLink.description")}
           </Typography>