From 11e1dacb2dcfbfebc7b6ee851eb58bcc3cb65440 Mon Sep 17 00:00:00 2001
From: SuJin <kimsujin001127@gmail.com>
Date: Sun, 31 Dec 2023 15:21:33 +0900
Subject: [PATCH 1/2] =?UTF-8?q?style:=20=EA=B3=B5=EC=A7=80=EC=82=AC?=
 =?UTF-8?q?=ED=95=AD/=ED=8E=80=EC=8B=9C=EC=8A=A4=ED=85=9C=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=EC=A0=95=EB=B3=B4=20=EB=B0=98=EC=9D=91=ED=98=95?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/notice/info/NoticeInfo.style.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/notice/info/NoticeInfo.style.ts b/src/components/notice/info/NoticeInfo.style.ts
index 46b9944f..5f26cc59 100644
--- a/src/components/notice/info/NoticeInfo.style.ts
+++ b/src/components/notice/info/NoticeInfo.style.ts
@@ -3,7 +3,7 @@ import { COLORS } from '@/styles/constants/colors';
 import { TEXT_STYLES } from '@/styles/constants/textStyles';
 
 export const Container = styled.div`
-  width: 390px;
+  width: 100%;
   height: 100vh;
   background-color: ${COLORS.grayscale.white};
   hr {
@@ -113,6 +113,7 @@ export const ContentBox = styled.div`
   margin-top: 20px;
   margin-bottom: 40px;
   ${TEXT_STYLES.BodyR16};
+  word-break: break-all;
 `;
 
 export const FileBox = styled.div`

From a09feaa38c0030e94f659c31067509f1811afe33 Mon Sep 17 00:00:00 2001
From: SuJin <kimsujin001127@gmail.com>
Date: Sun, 31 Dec 2023 15:36:33 +0900
Subject: [PATCH 2/2] =?UTF-8?q?style:=20=EB=8C=93=EA=B8=80=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=20=EB=B0=98=EC=9D=91=ED=98=95=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Comment/CommentInput/CommentInput.styles.ts      | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/common/Comment/CommentInput/CommentInput.styles.ts b/src/components/common/Comment/CommentInput/CommentInput.styles.ts
index 5c94d2c8..be74d05f 100644
--- a/src/components/common/Comment/CommentInput/CommentInput.styles.ts
+++ b/src/components/common/Comment/CommentInput/CommentInput.styles.ts
@@ -4,34 +4,38 @@ import styled from '@emotion/styled';
 
 export const MyCommentBox = styled.div`
   margin: auto;
-  width: 358px;
   height: 45px;
+  width: 90%;
 `;
 
 export const CommentFlexBox = styled.div`
   position: fixed;
   top: 90%;
   display: flex;
-  width: 358px;
+  margin: 0 auto;
+  left: 0;
+  right: 0;
+  padding: 0 12px;
 `;
 
 export const MyLeftBox = styled.div`
   margin-right: auto;
+  width: 100%;
 `;
 
 export const MyRightBox = styled.div`
-  margin-left: auto;
+  margin-left: 10px;
 `;
 
 export const MyCommentLabel = styled.label`
   input {
     background-color: ${COLORS.grayscale.Gray4};
-    width: 293px;
     height: 45px;
     border-radius: 10px;
     border: none;
     padding-left: 10px;
     outline: none;
+    width: 100%;
   }
   input::placeholder {
     color: ${COLORS.grayscale.Gray1};