diff --git a/src/components/tabs/tabs.scss b/src/components/tabs/tabs.scss
index 303708f45..a612c3f76 100644
--- a/src/components/tabs/tabs.scss
+++ b/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 {
diff --git a/src/views/explore/explore.jsx b/src/views/explore/explore.jsx
index 3a17a8ae5..993056c28 100644
--- a/src/views/explore/explore.jsx
+++ b/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 (
diff --git a/src/views/search/search.jsx b/src/views/search/search.jsx
index 66031db6b..87e2b9ae0 100644
--- a/src/views/search/search.jsx
+++ b/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 =
-
+