From 360684d206f9043b45bb39ca809ca24f6bdd8db5 Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Sat, 7 Mar 2026 20:45:13 -0800
Subject: [PATCH] Use a box-shadow on .nav-tabs to prevent subpixel rendering
 issues (#42126)

---
 scss/_nav.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scss/_nav.scss b/scss/_nav.scss
index 20a53c216e..38182f93e9 100644
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -151,11 +151,11 @@ $nav-underline-tokens: defaults(
     @include tokens($nav-tabs-tokens);
     // scss-docs-end nav-tabs-css-vars
 
-    border-block-end: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color);
+    box-shadow: inset 0 calc(-1 * var(--nav-tabs-border-width)) 0 var(--nav-tabs-border-color);
 
     .nav-link {
-      margin-bottom: calc(-1 * var(--nav-tabs-border-width));
       border: var(--nav-tabs-border-width) solid transparent;
+      border-bottom-color: var(--nav-tabs-border-color);
       @include border-bottom-radius(0);
 
       &:hover {
-- 
2.47.3