diff --git a/components/i/Create.vue b/components/i/Create.vue
index 93d873e61498d41b4ad6d639c710d33436deef57..aba24ce20bd40d72682c4440c2edfcfeed0ba44f 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -1,6 +1,9 @@
 <template>
     <div class="max-w-screen-md w-full flex flex-col space-y-4 p-6">
-        <UCard :ui="{ body: { padding: 'p-4 sm:p-4' } }">
+        <UCard
+            class="transition-[box-shadow] hover:ring-2 has-[:focus]:ring-2 has-[:focus]:ring-green-500 dark:has-[:focus]:ring-green-400"
+            :ui="cardUI"
+        >
             <UTextarea
                 name="createInput"
                 v-model="query"
@@ -39,7 +42,12 @@ const emits = defineEmits([ 'search' ])
 const query = ref('')
 const selectedRepo = ref('keycloak')
 const loading = ref(false)
-
+const cardUI = {
+    body: {
+        padding: 'p-4 sm:p-4'
+    },
+    rounded: 'rounded-xl'
+}
 const menuUI = {
     width: 'w-auto'
 }