diff --git a/frontend/src/views/chat/index.vue b/frontend/src/views/chat/index.vue
index c8b0b9b5..18ca1879 100644
--- a/frontend/src/views/chat/index.vue
+++ b/frontend/src/views/chat/index.vue
@@ -98,7 +98,10 @@
           <logo />
         </div>
         <el-scrollbar v-if="computedMessages.length > 0" ref="chatListRef">
-          <div class="chat-scroll" :class="{ 'no-sidebar': !isAssistant && !chatListSideBarShow }">
+          <div
+            class="chat-scroll"
+            :class="{ 'no-sidebar': !isAssistant && !chatListSideBarShow, pad16: isAssistant }"
+          >
             <template v-for="(message, _index) in computedMessages" :key="_index">
               <ChatRow :current-chat="currentChat" :msg="message" :hide-avatar="message.first_chat">
                 <RecommendQuestion
@@ -875,6 +878,11 @@ onMounted(() => {
     &.no-sidebar {
       padding-left: 96px;
     }
+
+    &.pad16 {
+      padding-left: 16px;
+      padding-right: 16px;
+    }
   }
 
   .chat-footer {
diff --git a/frontend/src/views/embedded/index.vue b/frontend/src/views/embedded/index.vue
index 997565ca..dec2b7cc 100644
--- a/frontend/src/views/embedded/index.vue
+++ b/frontend/src/views/embedded/index.vue
@@ -112,7 +112,7 @@ onBeforeUnmount(() => {
 
 <style lang="less" scoped>
 .sqlbot-assistant-container {
-  height: 100%;
+  height: 100vh;
   width: 100%;
   color: rgb(31, 35, 41);
   .header {
@@ -170,6 +170,7 @@ onBeforeUnmount(() => {
   }
   .sqlbot-chat-container {
     padding-top: 56px;
+    height: 100%;
     :deep(.ed-aside) {
       display: none;
     }