diff --git a/components/i/SearchHistory.vue b/components/i/SearchHistory.vue
index c401b5af53d358de22b58525286eb707bccddcc8..2b2b07d604d47b1afbe5d473016df40df3810c72 100644
--- a/components/i/SearchHistory.vue
+++ b/components/i/SearchHistory.vue
@@ -19,8 +19,8 @@
     </div>
     <ClientOnly>
       <div
-v-auto-animate
-           class="flex overflow-y-auto flex-col gap-1 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
+        v-auto-animate
+        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 in $searchHistory.reverse()" :key="item.c_id">
           <UButton
             class="flex text-gray-400"
@@ -30,7 +30,7 @@ v-auto-animate
             long
             :to="`/search/${item.c_id}`"
           >
-            <div class="flex-grow truncate" :title="item.title">{{ item.title }}</div>
+            <div class="line-clamp-1" :title="item.title">{{ item.title }}</div>
           </UButton>
         </template>
       </div>