From a8731dfc98d7f9d7b962720b6bb75701e7c3f587 Mon Sep 17 00:00:00 2001
From: Louis Orleans <louis@orleans.io>
Date: Thu, 15 Jun 2017 14:39:26 -0700
Subject: [PATCH] fix(tabs): properly align tabs highlight (#11619)

When `Tabs` are nested within each other, the highlight can get
misaligned. This prevents that by ensuring the affected
`.tab-highlight` is a direct child of the targeted `Tabs`.
---
 src/components/tabs/tabs.md.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/tabs/tabs.md.scss b/src/components/tabs/tabs.md.scss
index 8bc4772178..acb7af6caa 100644
--- a/src/components/tabs/tabs.md.scss
+++ b/src/components/tabs/tabs.md.scss
@@ -302,7 +302,7 @@ $tabs-md-tab-icon-size:                       2.4rem !default;
   transition-duration: 300ms;
 }
 
-.tabs-md[tabsHighlight=true][tabsPlacement=bottom] .tab-highlight {
+.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {
   top: 0;
 }