Avoid clipping focus indicator around site title

withastro · Dec 16, 2024 · 384b60a · 384b60a
1 parent 02d16f3
commit 384b60a
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/starlight/components/Header.astro b/packages/starlight/components/Header.astro
@@ -41,7 +41,10 @@ const shouldRenderSearch =
 
 	.title-wrapper {
 		/* Prevent long titles overflowing and covering the search and menu buttons on narrow viewports. */
-		overflow: hidden;
+		overflow: clip;
+		/* Avoid clipping focus ring around link inside title wrapper. */
+		padding: 0.25rem;
+		margin: -0.25rem;
 	}
 
 	.right-group,