diff --git a/frontend/src/views/chat/QuickQuestion.vue b/frontend/src/views/chat/QuickQuestion.vue
index e5e1296d..fd273ba2 100644
--- a/frontend/src/views/chat/QuickQuestion.vue
+++ b/frontend/src/views/chat/QuickQuestion.vue
@@ -136,7 +136,7 @@ const props = withDefaults(
 .quick_question_popover {
   padding: 4px !important;
   .quick_question_title {
-    width: 40px;
+    min-width: 40px;
     height: 24px;
     border-radius: 6px;
     opacity: 1;
@@ -149,8 +149,8 @@ const props = withDefaults(
     cursor: pointer;
     margin-left: 8px;
     &:hover {
-      color: rgba(24, 158, 122, 0.5);
-      background: rgba(28, 186, 144, 0.1);
+      color: #189e7a;
+      background: #1f23291a;
     }
   }
   .title-active {
diff --git a/frontend/src/views/chat/index.vue b/frontend/src/views/chat/index.vue
index ffc28f45..a5ddcfad 100644
--- a/frontend/src/views/chat/index.vue
+++ b/frontend/src/views/chat/index.vue
@@ -1197,7 +1197,7 @@ onMounted(() => {
       }
 
       .quick_question {
-        width: 100px;
+        min-width: 100px;
         position: absolute;
         margin-left: 1px;
         margin-top: 1px;