diff --git a/frontend/public/assistant.js b/frontend/public/assistant.js
index 0e3d2bff..e2421176 100644
--- a/frontend/public/assistant.js
+++ b/frontend/public/assistant.js
@@ -320,6 +320,13 @@
               position: fixed;bottom: 16px;right: 16px;overflow: hidden;
     }
 
+      .ed-overlay-dialog {
+        margin-top: 50px;
+      }
+      .ed-drawer {
+        margin-top: 50px;
+      }
+
      #sqlbot-assistant #sqlbot-assistant-chat-container .sqlbot-assistant-operate{
      top: 18px;
      right: 15px;
diff --git a/frontend/src/views/chat/ChatRow.vue b/frontend/src/views/chat/ChatRow.vue
index 6e5c8147..39c499d7 100644
--- a/frontend/src/views/chat/ChatRow.vue
+++ b/frontend/src/views/chat/ChatRow.vue
@@ -22,7 +22,10 @@ withDefaults(
           <logo_fold v-if="!hideAvatar" />
         </el-icon>
       </div>
-      <div style="width: 100%" :class="{ 'row-full': msg.role === 'assistant' }">
+      <div
+        :style="{ width: msg.role === 'assistant' ? 0 : '100%' }"
+        :class="{ 'row-full': msg.role === 'assistant' }"
+      >
         <slot></slot>
       </div>
     </div>
diff --git a/frontend/src/views/embedded/index.vue b/frontend/src/views/embedded/index.vue
index e71ce1ed..c728f20e 100644
--- a/frontend/src/views/embedded/index.vue
+++ b/frontend/src/views/embedded/index.vue
@@ -191,10 +191,3 @@ onBeforeUnmount(() => {
   }
 }
 </style>
-
-<style lang="less">
-.ed-overlay-dialog,
-.ed-drawer {
-  margin-top: 50px;
-}
-</style>