diff --git a/Dockerfile.ui.storybook b/Dockerfile.ui.storybook
index bd0c93a2630f231556af8c42278ff3ad3452b9f6..3114e0e8685cb9c2d4156e3a6f52fe4f9f4c4fd5 100644
--- a/Dockerfile.ui.storybook
+++ b/Dockerfile.ui.storybook
@@ -1,2 +1,3 @@
 FROM nginx
+ADD storybook_nginx.conf /etc/nginx/templates/default.conf.template
 COPY packages/ui/storybook-static /usr/share/nginx/html
diff --git a/packages/ui/.storybook/preview.ts b/packages/ui/.storybook/preview.ts
index 7d4757c582cb92232266e257eeb179f51acac21b..c1bea4cffd32413c6d65ba7fb22c1c8ba6fc5bac 100644
--- a/packages/ui/.storybook/preview.ts
+++ b/packages/ui/.storybook/preview.ts
@@ -16,7 +16,7 @@ setup(app => {
 export const decorators: Decorator[] = [
   story => ({
     components: { story, IconSprite },
-    template: '<div style="margin: 3em;"><IconSprite /><story /></div>',
+    template: '<div class="page">' + '<main class="main">' + '<div class="container"><IconSprite /><story /></div>' + '</main>' + '</div>',
   }),
 ]
 
diff --git a/storybook_nginx.conf b/storybook_nginx.conf
new file mode 100644
index 0000000000000000000000000000000000000000..e85ac90d3a4a9de444bf244b00d598b8bd003163
--- /dev/null
+++ b/storybook_nginx.conf
@@ -0,0 +1,21 @@
+server {
+    listen       80;
+    listen  [::]:80;
+    server_name  localhost;
+
+    include mime.types;
+    types
+    {
+        application/javascript mjs;
+    }
+
+    location / {
+        root   /usr/share/nginx/html;
+        index  index.html index.htm;
+    }
+
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+}
\ No newline at end of file