diff --git a/addons/a11y/src/components/Tabs.js b/addons/a11y/src/components/Tabs.js
index 4edd9e5cb1f..6dbc8fbbf26 100644
--- a/addons/a11y/src/components/Tabs.js
+++ b/addons/a11y/src/components/Tabs.js
@@ -17,13 +17,6 @@ const List = styled.div(({ theme }) => ({
 }));
 
 const Item = styled.button(
-  ({ active, theme }) =>
-    active
-      ? {
-          opacity: 1,
-          borderBottom: `3px solid ${theme.color.secondary}`,
-        }
-      : {},
   ({ theme }) => ({
     textDecoration: 'none',
     padding: '10px 15px',
@@ -41,7 +34,14 @@ const Item = styled.button(
       outline: '0 none',
       borderBottom: `3px solid ${theme.color.secondary}`,
     },
-  })
+  }),
+  ({ active, theme }) =>
+    active
+      ? {
+          opacity: 1,
+          borderBottom: `3px solid ${theme.color.secondary}`,
+        }
+      : {}
 );
 
 class Tabs extends Component {