diff --git a/src/App.tsx b/src/App.tsx
index 915e2c1..24bcf3e 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -30,8 +30,14 @@ function App() {
 	const { data: themePlaylists, isFetched: isThemePlaylistsFetched } = useQueryAPI({
 		endpoint: 'api/themePlaylists',
 	});
-	const { theme, setTheme, themeName, handleThemeChange, currentThemePlaylist } =
-		useCommonHooks();
+	const {
+		theme,
+		setTheme,
+		themeName,
+		setThemeName,
+		handleThemeChange,
+		currentThemePlaylist,
+	} = useCommonHooks();
 	const [loaded, setLoaded] = useState<boolean>(false);
 	const overrides = createTheme({
 		primaryColor: 'primary',
@@ -105,7 +111,7 @@ function App() {
 						.themeList,
 				);
 				const filteredThemes = allThemes.filter((t: Theme) => themeList.includes(t.id));
-				setTheme('random');
+				setThemeName('random');
 				handleThemeChange(filteredThemes, false);
 			}
 			setLoaded(true);