diff --git a/.config/waybar/macchiato.css b/.config/waybar/macchiato.css
index 4a8ef11..ae2d95c 100644
--- a/.config/waybar/macchiato.css
+++ b/.config/waybar/macchiato.css
@@ -18,6 +18,7 @@
 @define-color sapphire #7dc4e4;
 @define-color blue #8aadf4;
 @define-color lavender #b7bdf8;
+@define-color lavendersoft rgba(183, 189, 248, 0.4);
 @define-color text #cad3f5;
 @define-color subtext1 #b8c0e0;
 @define-color subtext0 #a5adcb;
diff --git a/.config/waybar/style.css b/.config/waybar/style.css
index 08011ce..c8c3460 100644
--- a/.config/waybar/style.css
+++ b/.config/waybar/style.css
@@ -43,7 +43,8 @@ button:hover {
 }
 
 #workspaces button.active {
-    color: @text;
+    background-color: @lavendersoft;
+    box-shadow: inset 0 -3px #ffffff;
 }
 
 #workspaces button.focused {