diff --git a/components/i/Create.vue b/components/i/Create.vue
index aba24ce20bd40d72682c4440c2edfcfeed0ba44f..d72426c25fbe62b65fe3a66df0a4a1b5d52f76d8 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="max-w-screen-md w-full flex flex-col space-y-4 p-6">
         <UCard
-            class="transition-[box-shadow] hover:ring-2 has-[:focus]:ring-2 has-[:focus]:ring-green-500 dark:has-[:focus]:ring-green-400"
+            class="transition-[box-shadow] hover:ring-2 has-[textarea:focus]:ring-2 has-[textarea:focus]:ring-green-500 dark:has-[textarea:focus]:ring-green-400"
             :ui="cardUI"
         >
             <UTextarea
diff --git a/components/i/search/Ask.vue b/components/i/search/Ask.vue
index ad81eccab7820f005f0c0e55f1c776fec8eea212..c4bea68466a0eede2de86eeb1e555389ec2425e3 100644
--- a/components/i/search/Ask.vue
+++ b/components/i/search/Ask.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="flex w-full justify-center">
         <UCard
-            class="hover:ring-2 has-[:focus]:ring-2 has-[:focus]:ring-green-500 dark:has-[:focus]:ring-green-400"
+            class="hover:ring-2 has-[textarea:focus]:ring-2 has-[textarea:focus]:ring-green-500 dark:has-[textarea:focus]:ring-green-400"
             :ui="cardUI"
         >
             <UTextarea
@@ -33,7 +33,7 @@
                         trailing-icon="i-heroicons-stop-20-solid"
                         size="xl"
                         variant="ghost"
-                        @click="handleStop"
+                        @click.stop="handleStop"
                     />
                 </UTooltip>
             </div>
@@ -55,7 +55,7 @@ const cardUI = {
         padding: '',
         base: 'flex items-end has-[textarea[rows="1"]]:items-center pl-4 pr-1 py-1 gap-2'
     },
-    base: 'transition-[width] w-3/5 has-[:focus]:w-full',
+    base: 'transition-[width] w-3/5 has-[textarea:focus]:w-full',
     rounded: 'rounded has-[textarea[rows="1"]]:rounded-full'
 }
 defineShortcuts({