diff --git a/tree/.config/waybar/config b/tree/.config/waybar/config
index cb18043..5d7ef78 100644
--- a/tree/.config/waybar/config
+++ b/tree/.config/waybar/config
@@ -4,8 +4,8 @@
     "height": 26, // Waybar height (to be removed for auto height)
     // "width": 1280, // Waybar width
     // Choose the order of the modules
-    "modules-left": ["sway/workspaces", "sway/mode"],
-    "modules-center": ["sway/window"],
+    "modules-left": ["sway/workspaces", "sway/mode", "hyprland/workspaces"],
+    "modules-center": ["sway/window", "hyprland/window"],
     "modules-right": ["idle_inhibitor", "pulseaudio", "network", "custom/mullvad", "cpu", "memory", "temperature", "backlight", "sway/language", "battery", "battery#bat2", "clock", "tray"],
     // Modules configuration
     // "sway/workspaces": {
diff --git a/tree/.config/waybar/style.css b/tree/.config/waybar/style.css
index 9ee5e1a..b080b9a 100644
--- a/tree/.config/waybar/style.css
+++ b/tree/.config/waybar/style.css
@@ -51,12 +51,20 @@ window#waybar.chromium {
     box-shadow: inset 0 -3px #ffffff;
 }
 
+/* active workspace, sway */
 #workspaces button.focused {
     background-color: #f5deb3;
     color: #696969;
     box-shadow: inset 0 -3px #4b4437;
 }
 
+/* active workspace, hyprland */
+#workspaces button.active {
+    background-color: #f5deb3;
+    color: #696969;
+    box-shadow: inset 0 -3px #4b4437;
+}
+
 #workspaces button.urgent {
     background-color: #eb4d4b;
 }