diff --git a/ui/src/components/ai-chat/component/prologue-content/index.vue b/ui/src/components/ai-chat/component/prologue-content/index.vue
index 433e0ca3d..75d70477d 100644
--- a/ui/src/components/ai-chat/component/prologue-content/index.vue
+++ b/ui/src/components/ai-chat/component/prologue-content/index.vue
@@ -6,7 +6,7 @@
       <LogoIcon v-else height="32px" width="32px" />
     </div>
     <div class="content">
-      <el-card shadow="always" class="dialog-card">
+      <el-card shadow="always" class="dialog-card" style="--el-card-padding: 10px 16px 12px">
         <MdRenderer :source="prologue" :send-message="sendMessage"></MdRenderer>
       </el-card>
     </div>
@@ -32,6 +32,4 @@ const prologue = computed(() => {
   return temp?.replace(/-\s.+/g, toQuickQuestion)
 })
 </script>
-<style lang="scss" scoped>
-
-</style>
+<style lang="scss" scoped></style>
diff --git a/ui/src/components/markdown/MdRenderer.vue b/ui/src/components/markdown/MdRenderer.vue
index 5fc7d34f2..bc2f90709 100644
--- a/ui/src/components/markdown/MdRenderer.vue
+++ b/ui/src/components/markdown/MdRenderer.vue
@@ -3,7 +3,7 @@
     <div
       v-if="item.type === 'question'"
       @click="sendMessage ? sendMessage(item.content, 'new') : (content: string) => {}"
-      class="problem-button ellipsis-2 mt-8"
+      class="problem-button ellipsis-2 mt-4 mb-4"
       :class="sendMessage ? 'cursor' : 'disabled'"
     >
       <el-icon>
diff --git a/ui/src/styles/md-editor.scss b/ui/src/styles/md-editor.scss
index 86e385698..06a6ab887 100644
--- a/ui/src/styles/md-editor.scss
+++ b/ui/src/styles/md-editor.scss
@@ -7,8 +7,6 @@
   font-size: inherit;
   p {
     padding: 0 !important;
-    margin: 0 !important;
-    line-height: 22px !important;
   }
   .md-editor-admonition {
     margin: 0;