From 390e849730c4ad9c333da5d104ab726dd4f0f031 Mon Sep 17 00:00:00 2001
From: Louis Orleans <louis@orleans.io>
Date: Thu, 11 May 2017 11:49:13 -0700
Subject: [PATCH] fix(Tabs): properly align tabs highlight

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 dc3ffe07767..1cdd8cabde3 100644
--- a/src/components/tabs/tabs.md.scss
+++ b/src/components/tabs/tabs.md.scss
@@ -196,7 +196,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;
 }