diff --git a/web/components/theme/Theme.tsx b/web/components/theme/Theme.tsx
index ec9356737..901d1ff52 100644
--- a/web/components/theme/Theme.tsx
+++ b/web/components/theme/Theme.tsx
@@ -8,7 +8,7 @@ export const Theme: FC = () => {
   const clientConfig = useRecoilValue<ClientConfig>(clientConfigStateAtom);
   const { appearanceVariables, customStyles } = clientConfig;
 
-  const appearanceVars = Object.keys(appearanceVariables)
+  const appearanceVars = Object.keys(appearanceVariables || {})
     .filter(variable => !!appearanceVariables[variable])
     .map(variable => `--${variable}: ${appearanceVariables[variable]}`);