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] =?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};