diff --git a/.storybook/preview.js b/.storybook/preview.js
index 398aa02f2..1c32d696f 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,11 +1,16 @@
+import { MemoryRouter } from 'react-router-dom';
 import Style from './style';
 
 export const decorators = [
   (Story) => (
-    <>
+    <MemoryRouter initialEntries={['/']}>
       <Style />
-      <Story />
-    </>
+      <div className="flex h-screen items-center justify-center">
+        <div>
+          <Story />
+        </div>
+      </div>
+    </MemoryRouter>
   ),
 ];