remove inactive class on tabs

src/components/tabs/tabs.scss

@@ -1,6 +1,12 @@
 @import "../../colors";
 @import "../../frameless";
 
+.tab-background {
+    box-shadow: 0 0 1px $box-shadow-gray;
+    background-color: $ui-white;
+    width: 100%;
+}
+
 .tabs {
     background-color:  $ui-white;
     padding: 0;
@@ -20,6 +26,7 @@
         border-bottom: 3px solid $ui-aqua;
 
         &:hover {
+            border-bottom: 3px solid $ui-aqua;
             color: $header-gray;
         }
     }
@@ -29,10 +36,8 @@
         padding: .75em 1.5em;
     }
 
-    &.inactive {
-        &:hover {
-            border-bottom: 3px solid $active-dark-gray;
-        }
+    &:hover {
+        border-bottom: 3px solid $active-dark-gray;
     }
 
     .tab-icon {

src/views/explore/explore.jsx

@@ -115,8 +115,7 @@ var Explore = injectIntl(React.createClass({
     },
     getTab: function (type) {
         var classes = classNames({
-            active: (this.props.itemType === type),
-            inactive: (this.props.itemType !== type)
+            active: (this.props.itemType === type)
         });
         return (
             <a href={'/explore/' + type + '/' + this.props.category + '/' + this.props.mode}>

src/views/search/search.jsx

@@ -80,7 +80,7 @@ var Search = injectIntl(React.createClass({
     getTab: function (type) {
         var term = this.props.searchTerm.split(' ').join('+');
         var allTab = <a href={'/search/' + type + '?q=' + term + '/'}>
-                        <li className='inactive'>
+                        <li>
                             <img src={'/svgs/tabs/' + type + '-inactive.svg'} className={'tab-icon ' + type} />
                             <FormattedMessage id={'general.' + type} />
                         </li>