diff --git a/frontend/src/views/chat/ChatList.vue b/frontend/src/views/chat/ChatList.vue
index 80e27672..36cc985c 100644
--- a/frontend/src/views/chat/ChatList.vue
+++ b/frontend/src/views/chat/ChatList.vue
@@ -219,7 +219,7 @@ const handleConfirmPassword = () => {
             @click="onClickHistory(chat)"
           >
             <span class="title">{{ chat.brief ?? 'Untitled' }}</span>
-            <el-popover :teleported="false" popper-class="popover-card" placement="bottom">
+            <el-popover :teleported="false" popper-class="popover-card_chat" placement="bottom">
               <template #reference>
                 <el-icon
                   class="more"
@@ -397,7 +397,7 @@ const handleConfirmPassword = () => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_chat.popover-card_chat.popover-card_chat {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;
diff --git a/frontend/src/views/chat/ChatListContainer.vue b/frontend/src/views/chat/ChatListContainer.vue
index 760d902f..9e3e6455 100644
--- a/frontend/src/views/chat/ChatListContainer.vue
+++ b/frontend/src/views/chat/ChatListContainer.vue
@@ -230,6 +230,7 @@ function onChatRenamed(chat: Chat) {
         {{ t('qa.new_chat') }}
       </el-button>
       <el-input
+        @click.stop
         v-model="search"
         :prefix-icon="Search"
         class="search"
diff --git a/frontend/src/views/chat/index.vue b/frontend/src/views/chat/index.vue
index 24048aa6..f7605544 100644
--- a/frontend/src/views/chat/index.vue
+++ b/frontend/src/views/chat/index.vue
@@ -1,38 +1,13 @@
 <template>
-  <el-popover
-    v-if="assistantStore.assistant && !assistantStore.pageEmbedded && assistantStore.type != 4"
-    :width="280"
-    placement="bottom-start"
-    popper-class="popover-chat_history popover-chat_history_small"
-    :disabled="isPhone"
+  <el-icon
+    class="show-history_icon"
+    :class="{ 'embedded-history-hidden': embeddedHistoryHidden }"
+    style=""
+    size="20"
+    @click="showFloatPopover"
   >
-    <template #reference>
-      <el-icon
-        class="show-history_icon"
-        :class="{ 'embedded-history-hidden': embeddedHistoryHidden }"
-        style=""
-        size="20"
-        @click="showFloatPopover"
-      >
-        <icon_sidebar_outlined></icon_sidebar_outlined>
-      </el-icon>
-    </template>
-    <ChatListContainer
-      ref="floatPopoverRef"
-      v-model:chat-list="chatList"
-      v-model:current-chat-id="currentChatId"
-      v-model:current-chat="currentChat"
-      v-model:loading="loading"
-      in-popover
-      :app-name="customName"
-      @go-empty="goEmpty"
-      @on-chat-created="onChatCreated"
-      @on-click-history="onClickHistory"
-      @on-chat-deleted="onChatDeleted"
-      @on-chat-renamed="onChatRenamed"
-      @on-click-side-bar-btn="hideSideBar"
-    />
-  </el-popover>
+    <icon_sidebar_outlined></icon_sidebar_outlined>
+  </el-icon>
   <el-container class="chat-container no-padding">
     <el-aside
       v-if="(isCompletePage || pageEmbedded) && chatListSideBarShow"
diff --git a/frontend/src/views/ds/Card.vue b/frontend/src/views/ds/Card.vue
index a30da180..a99cafac 100644
--- a/frontend/src/views/ds/Card.vue
+++ b/frontend/src/views/ds/Card.vue
@@ -126,7 +126,7 @@ const onClickOutside = () => {
           virtual-triggering
           trigger="click"
           :teleported="false"
-          popper-class="popover-card"
+          popper-class="popover-card_ds"
           placement="bottom-end"
         >
           <div class="content">
@@ -273,7 +273,7 @@ const onClickOutside = () => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_ds.popover-card_ds.popover-card_ds {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;
diff --git a/frontend/src/views/system/embedded/Card.vue b/frontend/src/views/system/embedded/Card.vue
index 32d92399..988bd28a 100644
--- a/frontend/src/views/system/embedded/Card.vue
+++ b/frontend/src/views/system/embedded/Card.vue
@@ -117,7 +117,7 @@ const pageLogo = computed(() => {
         virtual-triggering
         trigger="click"
         :teleported="false"
-        popper-class="popover-card"
+        popper-class="popover-card_embedded"
         placement="bottom-start"
       >
         <div class="content">
@@ -256,7 +256,7 @@ const pageLogo = computed(() => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_embedded.popover-card_embedded.popover-card_embedded {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;
diff --git a/frontend/src/views/system/embedded/DsCard.vue b/frontend/src/views/system/embedded/DsCard.vue
index 1685ae66..f4901f51 100644
--- a/frontend/src/views/system/embedded/DsCard.vue
+++ b/frontend/src/views/system/embedded/DsCard.vue
@@ -211,7 +211,7 @@ const handlePublic = () => {
 </style>
 
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_ds_copy.popover-card_ds_copy.popover-card_ds_copy {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;
diff --git a/frontend/src/views/system/workspace/index.vue b/frontend/src/views/system/workspace/index.vue
index e1ee2537..985b533a 100644
--- a/frontend/src/views/system/workspace/index.vue
+++ b/frontend/src/views/system/workspace/index.vue
@@ -350,7 +350,7 @@ const handleCurrentChange = (val: number) => {
             <el-popover
               trigger="click"
               :teleported="false"
-              popper-class="popover-card"
+              popper-class="popover-card_workspack"
               placement="bottom"
             >
               <template #reference>
@@ -868,7 +868,7 @@ const handleCurrentChange = (val: number) => {
 }
 </style>
 <style lang="less">
-.popover-card.popover-card.popover-card {
+.popover-card_workspack.popover-card_workspack.popover-card_workspack {
   box-shadow: 0px 4px 8px 0px #1f23291a;
   border-radius: 4px;
   border: 1px solid #dee0e3;