diff --git a/apps/client/src/widgets/containers/root_container.ts b/apps/client/src/widgets/containers/root_container.ts
index 7bff4e369..f29ce2940 100644
--- a/apps/client/src/widgets/containers/root_container.ts
+++ b/apps/client/src/widgets/containers/root_container.ts
@@ -32,6 +32,7 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
 
         this.#setMotion(options.is("motionEnabled"));
         this.#setShadows(options.is("shadowsEnabled"));
+        this.#setBackdropEffects(options.is("backdropEffectsEnabled"));
 
         return super.render();
     }
@@ -44,6 +45,10 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
         if (loadResults.isOptionReloaded("shadowsEnabled")) {
             this.#setShadows(options.is("shadowsEnabled"));
         }
+
+        if (loadResults.isOptionReloaded("backdropEffectsEnabled")) {
+            this.#setBackdropEffects(options.is("backdropEffectsEnabled"));
+        }
     }
 
     #onMobileResize() {
@@ -60,6 +65,10 @@ export default class RootContainer extends FlexContainer<BasicWidget> {
     #setShadows(enabled: boolean) {
         document.body.classList.toggle("shadows-disabled", !enabled);
     }
+
+    #setBackdropEffects(enabled: boolean) {
+        document.body.classList.toggle("backdrop-effects-disabled", !enabled);
+    }
 }
 
 function getViewportHeight() {