diff --git a/frontend/src/routes/persons/+page.svelte b/frontend/src/routes/persons/+page.svelte
index f6527468..019195e6 100644
--- a/frontend/src/routes/persons/+page.svelte
+++ b/frontend/src/routes/persons/+page.svelte
@@ -25,16 +25,16 @@
         </div>
 
         <!-- Search Input -->
-        <div class="w-full md:w-72">
+        <div class="w-full md:w-80">
             <label for="search" class="sr-only">Suche</label>
             <div class="relative">
-                <input 
+                <input
                     id="search"
-                    type="text" 
-                    placeholder="Namen suchen..." 
-                    value={data.q || ''} 
+                    type="text"
+                    placeholder="Namen suchen..."
+                    value={data.q || ''}
                     on:input={handleSearch}
-                    class="block w-full border-gray-300 shadow-sm focus:border-brand-navy focus:ring-brand-navy placeholder-gray-400 py-2 pl-3 pr-10 text-sm font-sans"
+                    class="block w-full rounded-sm border border-gray-300 bg-white py-2.5 pr-10 pl-4 text-sm font-sans text-brand-navy shadow-sm placeholder-gray-400 focus:border-brand-navy focus:ring-1 focus:ring-brand-navy focus:outline-none"
                 />
                 <div class="absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none text-gray-400">
                     <svg class="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>