diff --git a/src/layouts/NormalLayout.vue b/src/layouts/NormalLayout.vue
index 89a1893..6cad7bc 100644
--- a/src/layouts/NormalLayout.vue
+++ b/src/layouts/NormalLayout.vue
@@ -53,7 +53,7 @@
 .layout-page {
     flex-grow: 1;
     min-width: 0; /* flexbox 내에서 올바른 크기 계산 */
-    margin-right: 350px; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
+    margin-right: 20%; /* 채팅 사이드바의 너비만큼 밀리도록 설정 */
 }
 
 </style>
diff --git a/src/layouts/TheChat.vue b/src/layouts/TheChat.vue
index ea2aa5b..8102d8d 100644
--- a/src/layouts/TheChat.vue
+++ b/src/layouts/TheChat.vue
@@ -27,7 +27,7 @@ const sendMessage = () => {
 <style scoped>
 /* 채팅 사이드바 고정 */
 .chat-sidebar {
-    width: 350px;
+    width: 20%;
     height: 100vh;
     position: fixed;
     right: 0;