1 files changed, 7 insertions, 2 deletions
diff --git a/ui/app/components/tabs/tab/tab.component.js b/ui/app/components/tabs/tab/tab.component.js
index 481513233..9e590391c 100644
--- a/ui/app/components/tabs/tab/tab.component.js
+++ b/ui/app/components/tabs/tab/tab.component.js
@@ -8,8 +8,8 @@ const Tab = props => {
   return (
     <li
       className={classnames(
-        className || 'tab',
-        isActive && (activeClassName || 'tab--active'),
+        className,
+        { [activeClassName]: isActive },
       )}
       onClick={event => {
         event.preventDefault()
@@ -30,4 +30,9 @@ Tab.propTypes = {
   activeClassName: PropTypes.string,
 }
 
+Tab.defaultProps = {
+  className: 'tab',
+  activeClassName: 'tab--active',
+}
+
 export default Tab