From 38bfb91624c4ee4ea2ce7303ecfff5ab894fa404 Mon Sep 17 00:00:00 2001
From: "shakespeare.diy" <assistant@shakespeare.diy>
Date: Mon, 16 Feb 2026 22:48:44 -0600
Subject: [PATCH] Fix search icon vertical alignment and remove focus ring

- Use flex items-center on the input wrapper instead of absolute
  top-1/2 -translate-y-1/2 hacks for proper icon centering
- Remove focus-visible ring and ring-offset on search input

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
---
 src/components/ProfileSearchDropdown.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ProfileSearchDropdown.tsx b/src/components/ProfileSearchDropdown.tsx
index 845ea9c6..d0ff7f2b 100644
--- a/src/components/ProfileSearchDropdown.tsx
+++ b/src/components/ProfileSearchDropdown.tsx
@@ -110,11 +110,11 @@ export function ProfileSearchDropdown({
   return (
     <div ref={containerRef} className={cn('relative', className)}>
       {/* Search input */}
-      <div className="relative">
-        <Search className="absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground pointer-events-none" />
+      <div className="relative flex items-center">
+        <Search className="absolute left-3 size-4 text-muted-foreground pointer-events-none" />
         {isFetching && (
           <svg
-            className="absolute right-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground"
+            className="absolute right-3 size-4 text-muted-foreground"
             style={{ animation: 'spin 1s linear infinite' }}
             xmlns="http://www.w3.org/2000/svg"
             fill="none"
@@ -142,7 +142,7 @@ export function ProfileSearchDropdown({
           placeholder={placeholder}
           autoFocus={autoFocus}
           className={cn(
-            'pl-10 pr-10 rounded-full bg-secondary border-0 focus-visible:ring-1 focus-visible:ring-primary',
+            'pl-10 pr-10 rounded-full bg-secondary border-0 focus-visible:ring-0 focus-visible:ring-offset-0',
             inputClassName,
           )}
           autoComplete="off"