diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 8b5f60d..e964188 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -18,7 +18,7 @@ window#waybar.hidden {
 
 button {
     /* Use box-shadow instead of border so the text isn't offset */
-    box-shadow: inset 0 -3px #300030;
+    box-shadow: inset 0 -3px #200020;
     /* Avoid rounded borders under each button name */
     border: none;
     border-radius: 0;
@@ -26,7 +26,7 @@ button {
 
 /* https://github.com/Alexays/Waybar/wiki/FAQ#the-workspace-buttons-have-a-strange-hover-effect */
 button:hover {
-    background: inherit;
+    text-shadow: inherit;
     box-shadow: inset 0 -3px #a800a8;
 }
 
@@ -37,7 +37,9 @@ button:hover {
 }
 
 #workspaces button:hover {
-    background: rgba(0, 0, 0, 0.2);
+    background: rgba(0, 0, 0, 0.5);
+    box-shadow: inset 0 -3px #a800a8;
+
 }
 
 #workspaces button.focused {
@@ -164,6 +166,7 @@ label:focus {
 
 #idle_inhibitor {
     background-color: #180018;
+    box-shadow: inset 0 -3px #200020;
 }
 
 #idle_inhibitor.activated {
@@ -173,6 +176,7 @@ label:focus {
 
 #scratchpad {
     background: rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 -3px #200020;
 }
 
 #scratchpad.empty {