diff --git a/packages/ui/src/components/AppContent/index.tsx b/packages/ui/src/components/AppContent/index.tsx
index 7a9e7505e..e2ca107c4 100644
--- a/packages/ui/src/components/AppContent/index.tsx
+++ b/packages/ui/src/components/AppContent/index.tsx
@@ -39,7 +39,10 @@ const AppContent = ({ children, mode, platform: platformOverwrite }: Props) => {
     } = experienceSettings;
 
     document.documentElement.style.setProperty('--light-primary-color', primaryColor);
-    document.documentElement.style.setProperty('--dark-primary-color', darkPrimaryColor);
+    document.documentElement.style.setProperty(
+      '--dark-primary-color',
+      darkPrimaryColor ?? primaryColor
+    );
   }, [experienceSettings]);
 
   // Set Platform