From b054cfb2bed371f8de02434381c3b66da42b5e4e Mon Sep 17 00:00:00 2001
From: cys4585 <dev.youngsu@gmail.com>
Date: Fri, 23 Aug 2024 10:04:22 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EC=95=8C=EB=A6=BC=20=ED=97=88=EC=9A=9C=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20UI=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0=20(=EC=9E=84=EC=8B=9C=EB=B0=A9=ED=8E=B8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/MainPage/MainPage.style.ts | 6 +++++-
 frontend/src/pages/MainPage/MainPage.tsx      | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/MainPage/MainPage.style.ts b/frontend/src/pages/MainPage/MainPage.style.ts
index 2e6cd5a2d..19bf0877a 100644
--- a/frontend/src/pages/MainPage/MainPage.style.ts
+++ b/frontend/src/pages/MainPage/MainPage.style.ts
@@ -1,3 +1,4 @@
+import { DISPLAY_MAX_WIDTH } from '@_constants/styles';
 import { css, Theme } from '@emotion/react';
 
 export const headerButton = css`
@@ -14,5 +15,8 @@ export const headerLeft = css`
 
 export const ModalContent = (props: { theme: Theme }) => css`
   ${props.theme.typography.s1}
-  margin: 5rem;
+  width: 100vw;
+  max-width: calc(${DISPLAY_MAX_WIDTH});
+  margin-bottom: 4rem;
+  padding-right: 60px;
 `;
diff --git a/frontend/src/pages/MainPage/MainPage.tsx b/frontend/src/pages/MainPage/MainPage.tsx
index 28fb25aa8..140b522b0 100644
--- a/frontend/src/pages/MainPage/MainPage.tsx
+++ b/frontend/src/pages/MainPage/MainPage.tsx
@@ -187,7 +187,8 @@ export default function MainPage() {
           <Modal onClose={handleModalClose}>
             <div css={S.ModalContent({ theme })}>
               알림을 허용하시면 모임에 대한 알림을 받을 수 있습니다.
-              <br /> 우측 상단에 알림 버튼을 눌러주세요
+              <br />
+              우측 상단의 알림 버튼을 눌러주세요.
             </div>
             <Button shape="bar" onClick={handleModalClose}>
               닫기

From ec1641de1ecc380579ed0af21aa54af6e1513175 Mon Sep 17 00:00:00 2001
From: cys4585 <dev.youngsu@gmail.com>
Date: Fri, 23 Aug 2024 10:06:52 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EC=9E=AC=EC=88=98=EC=A0=95=20(max?=
 =?UTF-8?q?=20width)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/MainPage/MainPage.style.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/MainPage/MainPage.style.ts b/frontend/src/pages/MainPage/MainPage.style.ts
index 19bf0877a..9b054ccbd 100644
--- a/frontend/src/pages/MainPage/MainPage.style.ts
+++ b/frontend/src/pages/MainPage/MainPage.style.ts
@@ -16,7 +16,7 @@ export const headerLeft = css`
 export const ModalContent = (props: { theme: Theme }) => css`
   ${props.theme.typography.s1}
   width: 100vw;
-  max-width: calc(${DISPLAY_MAX_WIDTH});
+  max-width: calc(${DISPLAY_MAX_WIDTH} * 0.8);
   margin-bottom: 4rem;
   padding-right: 60px;
 `;