diff --git a/packages/core/src/global/global.scss b/packages/core/src/global/global.scss
index fa6b01962..3a99e4f63 100644
--- a/packages/core/src/global/global.scss
+++ b/packages/core/src/global/global.scss
@@ -1,3 +1,5 @@
+/* We need to use `body` instead of `:root` because some components of Ionic are injected by demand, so we need to use it to override the variables of the components that are loaded later */
+
 :root {
   --ion-background-color: white;
   --ion-font-family: var(--font-family);
@@ -108,7 +110,3 @@ Issue: https://github.com/ionic-team/ionic-framework/issues/27500
     }
   }
 }
-
-html.backdrop-no-scroll {
-  overflow: hidden;
-}