diff --git a/gnome-shell/_common.scss b/gnome-shell/_common.scss
index 6d63554..13826ea 100644
--- a/gnome-shell/_common.scss
+++ b/gnome-shell/_common.scss
@@ -1417,7 +1417,13 @@ StScrollBar {
   }
   .app-view-control { //favorties | all toggle button
     padding: 4px 32px;
-    &:checked { @include button(active); }
+    &:checked { 
+      @include gradient();
+      color: #000;
+    }
+    &:hover {
+      border: none;
+    }
     &:first-child {
       border-right-width: 0;
       border-radius: 3px 0 0 3px;
diff --git a/gnome-shell/gnome-shell.css b/gnome-shell/gnome-shell.css
index d0e9984..1918653 100644
--- a/gnome-shell/gnome-shell.css
+++ b/gnome-shell/gnome-shell.css
@@ -1308,11 +1308,12 @@ StScrollBar {
 .app-view-control {
   padding: 4px 32px; }
   .app-view-control:checked {
-    color: #f7b922;
-    background-color: rgba(16, 16, 19, 0.95);
-    border: 1px solid #161819;
-    text-shadow: none;
-    icon-shadow: none; }
+    background-gradient-start: #eee90a;
+    background-gradient-end: #f7b922;
+    background-gradient-direction: horizontal;
+    color: #000; }
+  .app-view-control:hover {
+    border: none; }
   .app-view-control:first-child {
     border-right-width: 0;
     border-radius: 3px 0 0 3px; }