From 68fe0df153c0addfb12be7fb506365de0d8b257c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jarda=20Kot=C4=9B=C5=A1ovec?= <jarda.kotesovec@gmail.com>
Date: Mon, 18 Dec 2023 11:23:50 +0100
Subject: [PATCH] pkp/pkp-lib#9527 Add margin to stories to properly see
 borders/shadows

---
 .storybook/preview.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/.storybook/preview.js b/.storybook/preview.js
index d8a6bfc94..cf6ce5f17 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -91,6 +91,12 @@ setup((app) => {
 
 const preview = {
 	loaders: [mswLoader],
+	decorators: [
+		(story) => ({
+			components: {story},
+			template: '<div style="margin: 3em;"><story /></div>',
+		}),
+	],
 	parameters: {
 		actions: {argTypesRegex: '^on[A-Z].*'},
 		controls: {