From 182369500334d8ff649a8f0464455a02d8ba9d0c Mon Sep 17 00:00:00 2001
From: Stephen Morrissey <v-mostep@microsoft.com>
Date: Fri, 19 Aug 2016 12:23:56 -0700
Subject: [PATCH] #239194: fixed styles that were causing the out transition to
 not position properly

---
 src/components/Pivot/Pivot.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Pivot/Pivot.scss b/src/components/Pivot/Pivot.scss
index 3819dfc0e3a5a5..71165a09a949ea 100644
--- a/src/components/Pivot/Pivot.scss
+++ b/src/components/Pivot/Pivot.scss
@@ -35,6 +35,7 @@
   margin-right: 8px;
   padding: 0 8px;
   text-align: center;
+  position: relative;
 
   &:hover {
     cursor: pointer;
@@ -70,7 +71,6 @@
   //== State: Selected
   &.is-selected {
     font-weight: $ms-font-weight-semibold;
-    position: relative;
 
     // Show the underline
     &::before {
@@ -173,6 +173,11 @@
       background-color: $ms-color-themePrimary;
       color: $ms-color-white;
       font-weight: $ms-font-weight-semilight;
+
+      &::before {
+        background-color: transparent;
+        transition: none;
+      }
     }
   }