diff --git a/examples/Demo/Shared/Shared/DemoMainLayout.razor b/examples/Demo/Shared/Shared/DemoMainLayout.razor
index aa20f6336..afd4237a0 100644
--- a/examples/Demo/Shared/Shared/DemoMainLayout.razor
+++ b/examples/Demo/Shared/Shared/DemoMainLayout.razor
@@ -27,6 +27,17 @@
                     </svg>
                 </div>
             </a>
+            <div>
+                <link href="_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css" rel="stylesheet" id="rebootStyles" />
+                <script>
+                    function toggleRebootStyles() {
+                        const rebootLink = document.getElementById('rebootStyles');
+                        rebootLink.disabled = !rebootLink.disabled;
+                    }
+                </script>
+                <input type="checkbox" id="toggleStyles" onclick="toggleRebootStyles()" style="margin-left: 10px;" checked />
+                <span style="color: var(--neutral-foreground-rest); font-weight: normal; ">Reboot.css</span>
+            </div>
             <FluentSpacer />
 
             <div class="search">
diff --git a/examples/Demo/Shared/wwwroot/css/site.css b/examples/Demo/Shared/wwwroot/css/site.css
index 8db088145..e36afc7a5 100644
--- a/examples/Demo/Shared/wwwroot/css/site.css
+++ b/examples/Demo/Shared/wwwroot/css/site.css
@@ -1,5 +1,3 @@
-@import '/_content/Microsoft.FluentUI.AspNetCore.Components/css/reboot.css';
-
 body {
     height: 100%;
     overflow: hidden;