diff --git a/.storybook/decorators.js b/.storybook/decorators.js
new file mode 100644
index 0000000..f647a15
--- /dev/null
+++ b/.storybook/decorators.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { Provider } from 'react-redux';
+import store from '../src/store/new-order-store';
+
+const withAppWrapper = (Story) => (
+  <div className="App">
+    <Story />
+  </div>
+);
+
+const withProvider = (Story) => (
+  <Provider store={store}>
+    <Story />
+  </Provider>
+);
+
+export {
+  withAppWrapper,
+  withProvider,
+}
\ No newline at end of file
diff --git a/.storybook/preview.js b/.storybook/preview.js
index dd21020..0c98e39 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -1,4 +1,6 @@
-import 'antd/dist/antd.css';
+import { withAppWrapper, withProvider } from './decorators';
+import '../src/App.scss';
+import '../src/index.css';
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
@@ -8,4 +10,9 @@ export const parameters = {
       date: /Date$/,
     },
   },
-}
\ No newline at end of file
+};
+
+export const decorators = [
+  withAppWrapper,
+  withProvider,
+];
\ No newline at end of file