From: Mark Otto <markd.otto@gmail.com>
Date: Sun, 8 Mar 2026 04:45:13 +0000 (-0800)
Subject: Use a box-shadow on .nav-tabs to prevent subpixel rendering issues (#42126)
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=360684d206f9043b45bb39ca809ca24f6bdd8db5;p=thirdparty%2Fbootstrap.git

Use a box-shadow on .nav-tabs to prevent subpixel rendering issues (#42126)
---

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 {