diff --git a/app/pages/index.vue b/app/pages/index.vue
index 375d47738d..d073696f8e 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -2,8 +2,6 @@
 import { debounce } from 'perfect-debounce'
 
 const searchQuery = shallowRef('')
-const searchInputRef = useTemplateRef('searchInputRef')
-const { focused: isSearchFocused } = useFocus(searchInputRef)
 
 async function search() {
   const query = searchQuery.value.trim()
@@ -70,8 +68,7 @@ defineOgImageComponent('Default', {
             {{ $t('search.label') }}
           </label>
 
-          <!-- Search input with glow effect on focus -->
-          <div class="relative group" :class="{ 'is-focused': isSearchFocused }">
+          <div class="relative group">
             <!-- Subtle glow effect -->
             <div
               class="absolute -inset-px rounded-lg bg-gradient-to-r from-fg/0 via-fg/5 to-fg/0 opacity-0 transition-opacity duration-500 blur-sm group-[.is-focused]:opacity-100"
@@ -87,7 +84,7 @@ defineOgImageComponent('Default', {
               <input
                 id="home-search"
                 ref="searchInputRef"
-                v-model="searchQuery"
+                v-model.trim="searchQuery"
                 type="search"
                 name="q"
                 autofocus