disabled annoying focus ring

frontend/realtime/src/components/features/ToolbarButton.tsx

@@ -44,7 +44,7 @@ export const ToolbarButton = ({
   }
 
   const mergedButtonClasses = twMerge(
-    "rounded-lg hover:bg-white/15 transition-all duration-100 border-2 border-transparent text-white/80 px-2",
+    "rounded-lg hover:bg-white/15 transition-all duration-100 border-2 border-transparent text-white/80 px-2 focus-visible:ring-0 focus-visible:ring-offset-0",
     children ? "w-fit flex items-center gap-2.5 text-nowrap" : "size-10",
     active && "bg-primary/30 border-2 border-primary hover:bg-primary/30",
     disabled && "pointer-events-none text-secondary-300",

frontend/realtime/src/components/ui/Button.tsx

@@ -51,7 +51,7 @@ export const Button = ({
     "text-[15px] font-semibold rounded-lg px-3 py-2 shadow-sm",
     "flex gap-2 items-center justify-center",
     "transition-all duration-150",
-    "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
+    "focus-visible:ring-0 focus-visible:ring-offset-0",
     getVariantClassNames(propsVariant),
     propsClassName,
     disabledClass,