diff --git a/components/i/search/Ask.vue b/components/i/search/Ask.vue
index e680125e55282f00c73b798100abdb56a494d4fa..aa74ce7564198228200800f8e0fc7f591aac8818 100644
--- a/components/i/search/Ask.vue
+++ b/components/i/search/Ask.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="flex w-full">
+    <div class="flex w-full justify-center">
         <UCard
-            class="has-[:focus]:ring-2 has-[:focus]:ring-green-500 dark:has-[:focus]:ring-green-400"
+            class="hover:ring-2 has-[:focus]:ring-2 has-[:focus]:ring-green-500 dark:has-[:focus]:ring-green-400"
             :ui="cardUI"
         >
             <UTextarea
@@ -54,7 +54,7 @@ const cardUI = {
         padding: '',
         base: 'flex items-end has-[textarea[rows="1"]]:items-center pl-4 pr-1 py-1 gap-2'
     },
-    base: 'w-full',
+    base: 'transition-all w-3/5 has-[:focus]:w-full',
     rounded: 'rounded has-[textarea[rows="1"]]:rounded-full'
 }
 defineShortcuts({