diff --git a/man/waybar-hyprland-workspaces.5.scd b/man/waybar-hyprland-workspaces.5.scd
index 3010fb4558..9e3e8218da 100644
--- a/man/waybar-hyprland-workspaces.5.scd
+++ b/man/waybar-hyprland-workspaces.5.scd
@@ -373,6 +373,7 @@ Additional to workspace name matching, the following *format-icons* can be set.
 - *#workspaces*
 - *#workspaces button*
 - *#workspaces button.active*
+- *#workspaces button.visible*
 - *#workspaces button.empty*
 - *#workspaces button.visible*
 - *#workspaces button.persistent*
diff --git a/resources/style.css b/resources/style.css
index 86396cd29a..071eae50e7 100644
--- a/resources/style.css
+++ b/resources/style.css
@@ -63,6 +63,10 @@ button:hover {
     background: rgba(0, 0, 0, 0.2);
 }
 
+#workspaces button.visible {
+    background-color: rgba(100, 114, 125, 0.5);
+}
+
 #workspaces button.focused, #workspaces button.active {
     background-color: #64727D;
     box-shadow: inset 0 -3px #ffffff;
diff --git a/src/modules/hyprland/workspace.cpp b/src/modules/hyprland/workspace.cpp
index a7ddc434cc..a03921293f 100644
--- a/src/modules/hyprland/workspace.cpp
+++ b/src/modules/hyprland/workspace.cpp
@@ -412,6 +412,7 @@ void Workspace::update(const std::string& workspace_icon, const std::string& wor
 
   auto styleContext = m_button.get_style_context();
   addOrRemoveClass(styleContext, isActive(), "active");
+  addOrRemoveClass(styleContext, isVisible(), "visible");
   addOrRemoveClass(styleContext, isSpecial(), "special");
   addOrRemoveClass(styleContext, isSpecial(), name());
   addOrRemoveClass(styleContext, isEmpty(), "empty");