diff --git a/storybook-emotion/.storybook/preview.js b/storybook-emotion/.storybook/preview.js
index e2c8c3a..f2be7e1 100644
--- a/storybook-emotion/.storybook/preview.js
+++ b/storybook-emotion/.storybook/preview.js
@@ -1,5 +1,9 @@
 import React from 'react'
 import { GlobalStyles, theme } from 'twin.macro'
+import { CacheProvider } from '@emotion/react'
+import createCache from '@emotion/cache'
+
+const cache = createCache({ prepend: true, key: 'twin' })
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
@@ -17,10 +21,9 @@ export const parameters = {
 
 export const decorators = [
   Story => (
-    <div>
-      {/* */}
+    <CacheProvider value={cache}>
       <GlobalStyles />
       <Story />
-    </div>
+    </CacheProvider>
   ),
 ]