diff --git a/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx b/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx
index dc59a00cc..ae4d371ea 100644
--- a/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx
+++ b/spinifex/services/spinifexui/frontend/src/components/theme-provider.tsx
@@ -31,7 +31,7 @@ function getStoredTheme(storageKey: string, defaultTheme: Theme): Theme {
 
 export function ThemeProvider({
   children,
-  defaultTheme = "system",
+  defaultTheme = "dark",
   storageKey = "ui-theme",
 }: ThemeProviderProps) {
   const [theme, setThemeState] = useState<Theme>(() =>
diff --git a/spinifex/services/spinifexui/frontend/src/main.tsx b/spinifex/services/spinifexui/frontend/src/main.tsx
index 9da7ecaf6..2365d22b8 100644
--- a/spinifex/services/spinifexui/frontend/src/main.tsx
+++ b/spinifex/services/spinifexui/frontend/src/main.tsx
@@ -41,7 +41,7 @@ if (rootElement && !rootElement.innerHTML) {
   const root = ReactDOM.createRoot(rootElement)
   root.render(
     <StrictMode>
-      <ThemeProvider defaultTheme="system" storageKey="spinifex-ui-theme">
+      <ThemeProvider defaultTheme="dark" storageKey="spinifex-ui-theme">
         <QueryClientProvider client={queryClient}>
           <AdminProvider>
             <SidebarProvider>