diff --git a/index.html b/index.html
index d769d3eb..ff4f7052 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="en"
-  style="overflow: hidden auto; background: var(--initial-loader-bg, #fff); min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));">
+  style="overflow: hidden auto; min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));">
 
 <head>
   <meta http-equiv="pragma" content="no-cache">
@@ -157,4 +157,4 @@
   <script type="module" src="/src/main.ts"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/public/loader.css b/public/loader.css
index 5f79652e..b342e770 100644
--- a/public/loader.css
+++ b/public/loader.css
@@ -1,3 +1,7 @@
+html {
+  background: var(--initial-loader-bg, #fff);
+}
+
 #loading-bg {
   position: fixed;
   z-index: 9999;
