diff --git a/style.css b/style.css
index fbd2196..984fa75 100644
--- a/style.css
+++ b/style.css
@@ -44,9 +44,9 @@
 .ds-num { font-variant-numeric:tabular-nums; }
 
 @media (max-width: 831.98px) {
-  .kt-ai-sidebar { width: var(--kt-ai-sidebar-width, 240px); }
-  .kt-ai-sidebar:not([data-open="true"]) { width: var(--kt-ai-sidebar-collapsed-width, 52px); }
-  .kt-ai-sidebar:not([data-open="true"]) .ds-brand .brand-label,
-  .kt-ai-sidebar:not([data-open="true"]) .nav-label { display: none; }
+  #sidebar[data-open="true"]::after {
+    content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: var(--kt-ai-sidebar-width, 240px);
+    background: var(--kt-ai-bg); opacity: .5; z-index: -1;
+  }
   .ds-brand { justify-content:center; }
 }