diff --git a/components/i/SearchHistory.vue b/components/i/SearchHistory.vue
index 2d4ee1c7c071a3d5c6171f606d34db7b37225959..ea1ffdfc0a87222c5525d9b769683d196db2559d 100644
--- a/components/i/SearchHistory.vue
+++ b/components/i/SearchHistory.vue
@@ -18,10 +18,10 @@
                 @click="handleClear"
             />
         </div>
-        <div v-if="$isSignIn" class="flex overflow-y-auto flex-col gap-2 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
+        <div v-if="$isSignIn" class="flex overflow-y-auto flex-col gap-1 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
             <template v-for="(item, index) in $searchHistory" :key="index">
                 <UButton
-                    class="flex group"
+                    class="flex group text-gray-400"
                     color="gray"
                     variant="ghost"
                     size="xs"