diff --git a/src/components/Homepage/homepage.css b/src/components/Homepage/homepage.css
index 13c992978..f34c15854 100644
--- a/src/components/Homepage/homepage.css
+++ b/src/components/Homepage/homepage.css
@@ -1,3 +1,14 @@
+html[data-theme="dark"]:not(.docs-wrapper):not(.search-page-wrapper) {
+  --ifm-background-color: theme(colors.neutral.925);
+}
+
+html[data-has-hydrated="true"][data-theme="dark"]:not(.docs-wrapper):not(
+    .search-page-wrapper
+  )
+  .navbar {
+  background-color: rgba(14, 14, 14, var(--navbar-transparency, 0.75));
+}
+
 html[data-has-hydrated="true"]:not(.docs-wrapper):not(.search-page-wrapper)
   #__docusaurus {
   background: image-set(
@@ -50,18 +61,6 @@ html[data-has-hydrated="true"][data-theme="dark"]:not(.docs-wrapper):not(
   }
 }
 
-html[data-has-hydrated="true"][data-theme="dark"]:not(.docs-wrapper):not(
-    .search-page-wrapper
-  ) {
-  --ifm-background-color: theme(colors.neutral.925);
-}
-html[data-has-hydrated="true"][data-theme="dark"]:not(.docs-wrapper):not(
-    .search-page-wrapper
-  )
-  .navbar {
-  background-color: rgba(14, 14, 14, var(--navbar-transparency, 0.75));
-}
-
 .section-shadow {
   box-shadow: 0 0.625rem 0.563rem 0 rgba(0, 0, 0, 0.06),
     0 0.25rem 0.25rem 0 rgba(0, 0, 0, 0.08);