From 9a433f180a1952f830ccc4c09cb2cf53b9c53001 Mon Sep 17 00:00:00 2001
From: Ammar <ammar+ai@ammar.io>
Date: Sun, 7 Dec 2025 20:27:59 -0600
Subject: [PATCH] fix: disable default browser focus outline

Remove the default blue focus outline that browsers apply.
Components can still define intentional focus styles (like border
color changes) - this only removes the browser's default outline.

Fixes flaky Storybook snapshots where focus state was inconsistent.

_Generated with `mux`_
---
 src/browser/styles/globals.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/browser/styles/globals.css b/src/browser/styles/globals.css
index 850f41e62..9c76f0e48 100644
--- a/src/browser/styles/globals.css
+++ b/src/browser/styles/globals.css
@@ -1,4 +1,12 @@
 @import "tailwindcss";
+
+/* Disable the default browser focus outline (the blue ring).
+   Components can still use intentional focus styles like border-color changes. */
+*:focus,
+*:focus-visible {
+  outline: none;
+}
+
 @source "../node_modules/streamdown/dist/index.js";
 
 /* Geist Font Declarations */