diff --git a/.storybook/preview.js b/.storybook/preview.js
index d391458..701fb11 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,3 +1,15 @@
+import React from 'react';
+import { ThemeProvider } from '@theme-ui/theme-provider';
+import { defaultTheme } from '../themes/defaultTheme';
+
+export const decorators = [
+  (Story) => (
+    <ThemeProvider theme={defaultTheme}>
+      <Story />
+    </ThemeProvider>
+  ),
+];
+
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {