From 9e27cc065ae4b4dfeccdbc8ea1325dd09323f8b0 Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Sat, 9 Jan 2021 22:18:50 +0000
Subject: [PATCH] Add isolation:isolate to prevent focus being overlapped

https://github.com/twbs/bootstrap/pull/32630#issuecomment-756015766
---
 scss/_nav.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/scss/_nav.scss b/scss/_nav.scss
index 7d83a29c7..2534f7f77 100644
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -50,6 +50,8 @@
     &:hover,
     &:focus {
       border-color: $nav-tabs-link-hover-border-color;
+      // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
+      isolation: isolate;
     }
 
     &.disabled {