Make the tab button hover states match the spec

src/views/studio/studio.scss

@@ -166,7 +166,7 @@ $radius: 8px;
         border-radius: 8px;
         background: white;
         box-sizing: border-box;
-        border: 2px solid rgba(0, 0, 0, 0.15);
+        border: 2px solid box-shadow-light-gray;
     }
 
     .studio-follow-button {
@@ -194,7 +194,7 @@ $radius: 8px;
         display: flex;
         align-items: center;
         background: white;
-        border: 1px solid rgba(0, 0, 0, 0.15);
+        border: 1px solid $box-shadow-light-gray;
         color: #575e75;
         padding: 0.5em 0.75em 0.5em 0.5em;
         &:active {
@@ -217,8 +217,15 @@ $radius: 8px;
         }
     }
     a.nav_link:hover > li {
-        background: $ui-blue-25percent;
-        border: 1px solid $ui-blue-10percent;
+        background: $active-gray;
+        border: 1px solid $active-gray;
+    }
+    a.active.nav_link:hover > li {
+        background: $ui-blue-dark;
+        color: white;
+        img {
+            filter: invert(0);
+        }
     }
 }