fix: hover in search dialog

Blazity · Sep 8, 2023 · c6d2f3a · c6d2f3a
1 parent 62c56ea
commit c6d2f3a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Search/SearchDialog.tsx b/src/components/Search/SearchDialog.tsx
@@ -63,9 +63,9 @@ function Hit({ hit }: { hit: Hit<{ title: string; content: string; objectID: str
   return (
     <a
       href="/"
-      className="ring-offset-background focus-visible:ring-ring inline-flex w-full rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
+      className="ring-offset-background focus-visible:ring-ring inline-flex w-full rounded-md transition-colors hover:bg-slate-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2"
     >
-      <article className="flex cursor-pointer flex-col rounded-md px-4 py-2 hover:bg-slate-100">
+      <article className="flex cursor-pointer flex-col rounded-md px-4 py-2">
         <Highlight
           attribute="title"
           hit={hit}