diff --git a/packages/builder/src/components/design/AppPreview/AppThemeSelect.svelte b/packages/builder/src/components/design/AppPreview/AppThemeSelect.svelte
index c8dd8c3cf..c9d937593 100644
--- a/packages/builder/src/components/design/AppPreview/AppThemeSelect.svelte
+++ b/packages/builder/src/components/design/AppPreview/AppThemeSelect.svelte
@@ -24,7 +24,7 @@
 
 <div>
   <Select
-    value={$store.theme || "spectrum--lightest"}
+    value={$store.theme || "spectrum--light"}
     options={themeOptions}
     placeholder={null}
     on:change={e => store.actions.theme.save(e.detail)}
diff --git a/packages/client/src/components/ClientApp.svelte b/packages/client/src/components/ClientApp.svelte
index 349785503..014ec1e05 100644
--- a/packages/client/src/components/ClientApp.svelte
+++ b/packages/client/src/components/ClientApp.svelte
@@ -59,7 +59,7 @@
     }
   }
 
-  $: themeClass = $builderStore.theme || "spectrum--lightest"
+  $: themeClass = $builderStore.theme || "spectrum--light"
 </script>
 
 {#if dataLoaded && $screenStore.activeLayout}