diff --git a/src/components/InformUpperLayout/InformSearchForm.tsx b/src/components/InformUpperLayout/InformSearchForm.tsx index 4f71707b..1964d17a 100644 --- a/src/components/InformUpperLayout/InformSearchForm.tsx +++ b/src/components/InformUpperLayout/InformSearchForm.tsx @@ -5,6 +5,7 @@ import TOAST_MESSAGES from '@constants/toast-message'; import styled from '@emotion/styled'; import useRouter from '@hooks/useRouter'; import useToasts from '@hooks/useToast'; +import { THEME } from '@styles/ThemeProvider/theme'; import React, { useRef } from 'react'; interface InformSearchForm { @@ -60,12 +61,12 @@ const StyledInput = styled.input` border: 0; border-radius: 15px; background-color: #7a9dd30f; - color: #7a9dd366; + color: ${THEME.TEXT.BLACK}; font-size: 14px; text-indent: 5px; &::placeholder { - color: #7a9dd366; + color: ${THEME.TEXT.GRAY}; font-size: 14px; } box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); diff --git a/src/pages/Home/components/InformHalfCard.tsx b/src/pages/Home/components/InformHalfCard.tsx index 76b59243..536f7d1b 100644 --- a/src/pages/Home/components/InformHalfCard.tsx +++ b/src/pages/Home/components/InformHalfCard.tsx @@ -51,7 +51,8 @@ const TitleWrapper = styled.div` `; const Title = styled.h2` - font-size: 16px; + font-size: 14px; + white-space: nowrap; font-weight: bold; `; @@ -59,6 +60,6 @@ const SubTitle = styled.h3` color: ${THEME.TEXT.SEMIBLACK}; display: flex; justify-content: flex-end; - font-size: 13px; + font-size: 11px; padding-bottom: 6px; `;