diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index a812ea226..a435ab952 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -230,6 +230,9 @@ export const lighterTheme = createTheme(ThemeId.Lighter, {})
 
 // Apply global styles in here
 export const globalStyles = globalCss({
+  'body': {
+    backgroundColor: '$grayBase'
+  },
   '*': {
     '&:focus': {
       outline: 'none',