From cd6a130bac655bbd52a0f3872d09dcfce2a898a4 Mon Sep 17 00:00:00 2001
From: Osmel Mora <osmelmora@users.noreply.github.com>
Date: Wed, 2 Aug 2017 12:28:39 -0400
Subject: [PATCH] Change tab style for ripple to work with Tabs (#1519)

* Change tab style for ripple to work

Changing element position to relative and overflow hidden.

* Changing CSS props order
---
 components/tabs/theme.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/tabs/theme.css b/components/tabs/theme.css
index 72245d2e..c5886406 100644
--- a/components/tabs/theme.css
+++ b/components/tabs/theme.css
@@ -103,7 +103,9 @@
 .tab {
   display: flex;
   flex-direction: column;
+  overflow: hidden;
   padding: var(--tab-label-v-padding) var(--tab-label-h-padding);
+  position: relative;
 
   &:not(.active) {
     display: none;