diff --git a/web/apps/cast/src/pages/_app.tsx b/web/apps/cast/src/pages/_app.tsx
index 5c35cc9065..61c0af1341 100644
--- a/web/apps/cast/src/pages/_app.tsx
+++ b/web/apps/cast/src/pages/_app.tsx
@@ -1,7 +1,7 @@
 import { staticAppTitle } from "@/base/app";
 import { CustomHead } from "@/base/components/Head";
 import { useSetupLogs } from "@/base/components/utils/hooks-app";
-import { photosTheme } from "@/base/components/utils/theme";
+import { castTheme } from "@/base/components/utils/theme";
 import "@fontsource-variable/inter";
 import { CssBaseline, ThemeProvider } from "@mui/material";
 import type { AppProps } from "next/app";
@@ -14,7 +14,7 @@ const App: React.FC<AppProps> = ({ Component, pageProps }) => {
         <>
             <CustomHead title={staticAppTitle} />
 
-            <ThemeProvider theme={photosTheme}>
+            <ThemeProvider theme={castTheme}>
                 <CssBaseline enableColorScheme />
                 <Component {...pageProps} />
             </ThemeProvider>
diff --git a/web/packages/base/components/utils/theme.ts b/web/packages/base/components/utils/theme.ts
index a69da9694e..1e511b4ac7 100644
--- a/web/packages/base/components/utils/theme.ts
+++ b/web/packages/base/components/utils/theme.ts
@@ -786,3 +786,10 @@ export const photosTheme = getTheme("photos");
  * The MUI {@link Theme} to use for the auth app.
  */
 export const authTheme = getTheme("auth");
+
+/**
+ * The MUI {@link Theme} to use for the cast app.
+ *
+ * This is the same as the dark theme for the photos app.
+ */
+export const castTheme = getTheme("cast");