From 70b1b54dde79acf54415d1bc9385258e029ae8c0 Mon Sep 17 00:00:00 2001
From: josh <144584931+dancer@users.noreply.github.com>
Date: Mon, 15 Sep 2025 11:47:55 +0100
Subject: [PATCH] fix(ui): align visibility selector button size and remove
 focus ring (#1198)

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

diff --git a/components/visibility-selector.tsx b/components/visibility-selector.tsx
index df30bd5..450544f 100644
--- a/components/visibility-selector.tsx
+++ b/components/visibility-selector.tsx
@@ -71,11 +71,11 @@ export function VisibilitySelector({
         <Button
           data-testid="visibility-selector"
           variant="outline"
-          className="hidden focus:outline-hidden focus:ring-0 md:flex md:h-fit md:px-2"
+          className="hidden h-8 md:flex md:h-fit md:px-2 focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0"
         >
           {selectedVisibility?.icon}
-          {selectedVisibility?.label}
-          <ChevronDownIcon />
+          <span className="md:sr-only">{selectedVisibility?.label}</span>
+          <ChevronDownIcon/>
         </Button>
       </DropdownMenuTrigger>