diff --git a/MyApp/Components/Shared/Header.razor b/MyApp/Components/Shared/Header.razor
index 1736954..4a9397f 100644
--- a/MyApp/Components/Shared/Header.razor
+++ b/MyApp/Components/Shared/Header.razor
@@ -78,7 +78,7 @@
                     </AuthorizeView>
 
                     <li class="relative flex flex-wrap just-fu-start m-0">
-                        <div data-component="DarkModeToggle" class="w-12"></div>
+                        <DarkModeToggleLite />
                     </li>
 
                 </ul>