From 199502e20bb49387696748c4ea0a04a3d0fa560f Mon Sep 17 00:00:00 2001
From: Juan Di Toro <ditorojuanf@gmail.com>
Date: Fri, 20 Oct 2023 11:16:38 +0200
Subject: [PATCH] fix: focus ring

---
 src/components/Browser.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Browser.tsx b/src/components/Browser.tsx
index a88ff86..59b3255 100644
--- a/src/components/Browser.tsx
+++ b/src/components/Browser.tsx
@@ -179,14 +179,14 @@ export function Navigator() {
       if (inputValue) {
         browse(inputValue)
       }
-    }} className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [>input:focus]:ring-2 [>input:focus]:ring-white">
+    }} className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [&>input:focus]:ring-2 [&>input:focus]:ring-primary [&>input:focus+button]:ring-2 [&>input:focus+button]:ring-primary">
       <NavInput
         ref={inputEl}
         disabled={!ready}
-        className="rounded-l-full border-none focus-visible:ring-primary focus-visible:ring-offset-0"
+        className="rounded-l-full border-none focus-visible:ring-offset-0"
         name="url"
       />
-      <Button disabled={!ready} className="rounded-r-full">
+      <Button disabled={!ready} className="rounded-r-full focus-visible:ring-offset-0">
         Navigate
         <Arrow />
       </Button>