diff --git a/web/views_manager.css b/web/views_manager.css
index 796824549..2f3627a25 100644
--- a/web/views_manager.css
+++ b/web/views_manager.css
@@ -443,6 +443,29 @@
             mask-image: var(--pages-selected-icon);
           }
 
+          @media screen and (forced-colors: active) {
+            border-radius: 2px;
+            background-color: var(--button-bg);
+
+            &::before {
+              background-color: var(--button-fg);
+            }
+            &:hover {
+              background-color: var(--button-hover-bg);
+
+              &::before {
+                background-color: var(--button-hover-fg);
+              }
+            }
+            &:active {
+              background-color: var(--button-active-bg);
+
+              &::before {
+                background-color: var(--button-active-fg);
+              }
+            }
+          }
+
           &#viewsManagerStatusActionDeselectButton:focus-visible {
             outline: 2px solid var(--button-focus-outline-color);
             border: 1px solid var(--button-focus-border-color);