diff --git a/web/ASC.Web.Components/.storybook/config.js b/web/ASC.Web.Components/.storybook/config.js
index 18a411e0e9..61e3eccfef 100644
--- a/web/ASC.Web.Components/.storybook/config.js
+++ b/web/ASC.Web.Components/.storybook/config.js
@@ -2,6 +2,9 @@ import { configure, addDecorator, addParameters } from '@storybook/react';
 import { withA11y } from '@storybook/addon-a11y';
 import { addReadme } from 'storybook-readme';
 import { withConsole } from '@storybook/addon-console';
+
+import '!style-loader!css-loader!./styles.scss';
+
 //import 'bootstrap/dist/css/bootstrap.css';
 //import 'react-toastify/dist/ReactToastify.min.css';
 /*
diff --git a/web/ASC.Web.Components/.storybook/index.css b/web/ASC.Web.Components/.storybook/styles.scss
similarity index 54%
rename from web/ASC.Web.Components/.storybook/index.css
rename to web/ASC.Web.Components/.storybook/styles.scss
index 1b7f356ad7..53ec471971 100644
--- a/web/ASC.Web.Components/.storybook/index.css
+++ b/web/ASC.Web.Components/.storybook/styles.scss
@@ -5,6 +5,5 @@ you have to go to `webpack.config.js` file
 and enable the options in there
 */
 
-html {
-  padding: 2rem;
-}
+@import '../node_modules/bootstrap/dist/css/bootstrap.css';
+@import '../node_modules/react-toastify/dist/ReactToastify.min.css';