diff --git a/src/components/chat/ChatMain.vue b/src/components/chat/ChatMain.vue
index a41e7bf..8d6f5f7 100644
--- a/src/components/chat/ChatMain.vue
+++ b/src/components/chat/ChatMain.vue
@@ -484,14 +484,14 @@ watch(
 
   &.wide-mode {
     .input-container {
-      min-width: 1000px;
+    //  min-width: 1000px;
     }
   }
 }
 
 .input-wrapper {
   flex-shrink: 0;
-  padding: 16px 150px 24px;
+  padding: 16px 10% 24px;
   background: linear-gradient(to top, white 80%, transparent);
 
   .dark & {
@@ -501,12 +501,12 @@ watch(
 
 .input-container {
   width: 100%;
-  min-width: 1000px;
+ // min-width: 1000px;
   // margin: 0 auto;
   transition: max-width 0.3s ease;
 
   &.wide {
-    min-width: 1000px;
+  //  min-width: 1000px;
   }
 }
 </style>
diff --git a/src/components/message/MessageBubble.vue b/src/components/message/MessageBubble.vue
index f0cbd9e..c5bf744 100644
--- a/src/components/message/MessageBubble.vue
+++ b/src/components/message/MessageBubble.vue
@@ -276,7 +276,7 @@ setCustomComponents("playground-demo", {
 .message-bubble {
   display: flex;
   gap: 16px;
-  padding: 20px 150px;
+  padding: 20px 10%;
   animation: fadeIn 0.3s ease;
 
   &.role-user {