diff --git a/packages/ui/.storybook/preview.tsx b/packages/ui/.storybook/preview.tsx
index d0feaf4eea..295cf2b614 100644
--- a/packages/ui/.storybook/preview.tsx
+++ b/packages/ui/.storybook/preview.tsx
@@ -4,6 +4,14 @@ import { withThemeByClassName } from '@storybook/addon-themes'
 import type { Preview } from '@storybook/react'
 
 const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      options: {
+        light: { name: 'Light', value: 'hsla(0, 0%, 97%, 1)' },
+        dark: { name: 'Dark', value: 'hsla(240, 6%, 10%, 1)' }
+      }
+    }
+  },
   decorators: [
     withThemeByClassName({
       themes: {