diff --git a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/wwwroot/index.html b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/wwwroot/index.html
index 259823bfe4..21bee9f030 100644
--- a/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/wwwroot/index.html
+++ b/src/BlazorUI/Demo/Client/Bit.BlazorUI.Demo.Client.Maui/wwwroot/index.html
@@ -27,16 +27,6 @@
     <link rel="stylesheet" href="_content/Bit.BlazorUI.Demo.Client.Core/prism-1.28.0/prism-okaidia-bit.css" />
 
     <style>
-        body {
-            background-color: #0D2960;
-        }
-        
-        body.bit-windows,
-        body.bit-macos,
-        body.bit-ios {
-            background-color: unset;
-        }
-
         .bit-lds-grid div {
             background-color: #123456;
         }
@@ -130,7 +120,7 @@
     </style>
 </head>
 
-<body class="bit-blazor-hybrid">
+<body class="bit-css-clr-bg-pri bit-css-clr-fg-pri bit-blazor-hybrid">
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-G1ET5L69QF"></script>
     <script>
@@ -141,7 +131,7 @@
         gtag('config', 'G-G1ET5L69QF');
     </script>
     <!-- Google tag -->
-    <div id="app-container" class="bit-css-clr-bg-pri bit-css-clr-fg-pri">
+    <div id="app-container">
         <div class="bit-lds-wrapper">
             <div class="bit-lds-grid">
                 <div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div>
