diff --git a/src/components/CommandPalettes.vue b/src/components/CommandPalettes.vue
index b75a07e..e4209cb 100644
--- a/src/components/CommandPalettes.vue
+++ b/src/components/CommandPalettes.vue
@@ -62,10 +62,10 @@
                                                     :class="['h-6 w-6 flex-none', active ? 'opacity-100' : 'opacity-40']" />
 
                                                 <div class="flex flex-col flex-auto ml-3 space-y-1">
-                                                    <span class="text-sm font-medium text-gray-800 truncate">
+                                                    <span class="text-sm font-medium text-gray-800 truncate line-clamp-1">
                                                         {{ menu.name }}
                                                     </span>
-                                                    <span class="text-xs text-gray-500 ">
+                                                    <span class="text-xs text-gray-500 line-clamp-1">
                                                         {{ menu.path.replace('/home/', '') }}
                                                     </span>
                                                 </div>
diff --git a/src/components/Pages/Welcome.vue b/src/components/Pages/Welcome.vue
index c768861..e0f4ceb 100644
--- a/src/components/Pages/Welcome.vue
+++ b/src/components/Pages/Welcome.vue
@@ -39,10 +39,11 @@
                                     :class="['w-8 h-8 fill-gray-600 group-hover:fill-white']" />
 
                                 <div class="flex flex-col items-start flex-1 ml-3 space-y-1">
-                                    <span class="text-sm font-medium text-gray-800 truncate group-hover:text-white">
+                                    <span
+                                        class="text-sm font-medium text-gray-800 truncate group-hover:text-white line-clamp-1">
                                         {{ menu.name }}
                                     </span>
-                                    <span class="text-xs text-gray-500 group-hover:text-white">
+                                    <span class="text-xs text-gray-500 group-hover:text-white line-clamp-1">
                                         {{ menu.path.replace('/home/', '') }}
                                     </span>
                                 </div>