From bcde7808d1b582b84f75be298108be78a779202a Mon Sep 17 00:00:00 2001
From: chsua <csj1919@naver.com>
Date: Mon, 16 Oct 2023 21:49:22 +0900
Subject: [PATCH] =?UTF-8?q?design:=20(#740)=20=EC=8B=A0=EA=B3=A0=EB=90=9C?=
 =?UTF-8?q?=20=EB=82=B4=EC=97=AD=20=ED=99=95=EC=9D=B8=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EA=B8=80=EC=94=A8=ED=81=AC=EA=B8=B0=20=ED=82=A4?=
 =?UTF-8?q?=EC=9A=B0=EA=B8=B0=20=EB=B0=8F=20=EB=B0=98=EC=9D=91=ED=98=95=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/common/AlarmContainer/ListStyle.ts  |  4 ++--
 .../AppInstallPrompt/BookMarkPrompt/style.ts       |  2 +-
 .../ReportAlarmPage/ReportConfirmResult/style.ts   | 14 ++++++++++++--
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/common/AlarmContainer/ListStyle.ts b/frontend/src/components/common/AlarmContainer/ListStyle.ts
index 85d7f93a3..f04da2d63 100644
--- a/frontend/src/components/common/AlarmContainer/ListStyle.ts
+++ b/frontend/src/components/common/AlarmContainer/ListStyle.ts
@@ -1,12 +1,12 @@
 import styled from 'styled-components';
 
 export const Description = styled.p`
-  font-size: 1.4rem;
+  font: var(--text-default);
   text-align: center;
 `;
 
 export const ListContainer = styled.ul`
-  font-size: 1.4rem;
+  font: var(--text-default);
 `;
 
 export const ListItem = styled.li<{ $isRead: boolean }>`
diff --git a/frontend/src/components/common/AppInstallPrompt/BookMarkPrompt/style.ts b/frontend/src/components/common/AppInstallPrompt/BookMarkPrompt/style.ts
index 09b08b8bf..c4c1b7d81 100644
--- a/frontend/src/components/common/AppInstallPrompt/BookMarkPrompt/style.ts
+++ b/frontend/src/components/common/AppInstallPrompt/BookMarkPrompt/style.ts
@@ -85,7 +85,7 @@ export const Description = styled.p`
   font-weight: 700;
 
   @media (max-width: 375px) and (min-width: 280px) {
-    font-size: 1.4rem;
+    font: var(--text-default);
   }
 `;
 
diff --git a/frontend/src/pages/ReportAlarmPage/ReportConfirmResult/style.ts b/frontend/src/pages/ReportAlarmPage/ReportConfirmResult/style.ts
index 4667e0229..d9e304c8c 100644
--- a/frontend/src/pages/ReportAlarmPage/ReportConfirmResult/style.ts
+++ b/frontend/src/pages/ReportAlarmPage/ReportConfirmResult/style.ts
@@ -1,5 +1,7 @@
 import styled from 'styled-components';
 
+import { theme } from '@styles/theme';
+
 export const Container = styled.ul`
   display: flex;
   flex-direction: column;
@@ -7,6 +9,10 @@ export const Container = styled.ul`
   gap: 10px;
 
   font: var(--text-caption);
+
+  @media (min-width: ${theme.breakpoint.sm}) {
+    font: var(--text-body);
+  }
 `;
 
 export const List = styled.ul`
@@ -15,11 +21,15 @@ export const List = styled.ul`
   padding-left: 30px;
   margin-top: 10px;
 
-  font-size: 1.4rem;
+  font: var(--text-default);
+
+  @media (min-width: ${theme.breakpoint.sm}) {
+    font: var(--text-caption);
+  }
 `;
 
 export const ListItem = styled.li`
-  margin: 5px 0;
+  margin: 10px 0;
 
   list-style-type: disc;
 `;