From ac11a6df9ab9e8d23af40228014484bbb1ee8ab4 Mon Sep 17 00:00:00 2001
From: Benji <64439681+benjitrosch@users.noreply.github.com>
Date: Fri, 15 Apr 2022 11:37:40 -0400
Subject: [PATCH] chore: added margins to storys to prevent overflow from
 preview container (#88)

---
 .storybook/story-layout.js        |  6 ++----
 src/Dropdown/Dropdown.stories.tsx | 17 +++++++++--------
 src/Tooltip/Tooltip.stories.tsx   |  8 +++++---
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/.storybook/story-layout.js b/.storybook/story-layout.js
index 00c5cfee..ff92eb25 100644
--- a/.storybook/story-layout.js
+++ b/.storybook/story-layout.js
@@ -49,10 +49,8 @@ const StoryLayout = ({ children, title, description, source }) => {
                 <div
                   className="preview border-base-300 bg-base-200 rounded-b-box rounded-tr-box
                             flex min-h-[6rem] min-w-[18rem] flex-wrap items-center justify-center gap-2
-                            overflow-x-hidden border bg-cover bg-top p-4"
-                  style={{
-                    backgroundSize: '5px 5px',
-                  }}
+                            overflow-x-hidden overflow-y-hidden border bg-cover bg-top p-4"
+                  style={{ backgroundSize: '5px 5px' }}
                 >
                   {children}
                 </div>
diff --git a/src/Dropdown/Dropdown.stories.tsx b/src/Dropdown/Dropdown.stories.tsx
index 27fb1fc9..848863a9 100644
--- a/src/Dropdown/Dropdown.stories.tsx
+++ b/src/Dropdown/Dropdown.stories.tsx
@@ -15,13 +15,14 @@ export default {
 
 export const Default: Story<DropdownProps> = (args) => {
   return (
-    <Dropdown {...args}>
-      <Dropdown.Toggle>Click</Dropdown.Toggle>
-      <Dropdown.Menu className="w-52">
-        <Dropdown.Item>Item 1</Dropdown.Item>
-        <Dropdown.Item>Item 2</Dropdown.Item>
-        <Dropdown.Item>Item 3</Dropdown.Item>
-      </Dropdown.Menu>
-    </Dropdown>
+    <div className="mb-32">
+      <Dropdown {...args}>
+        <Dropdown.Toggle>Click</Dropdown.Toggle>
+        <Dropdown.Menu className="w-52">
+          <Dropdown.Item>Item 1</Dropdown.Item>
+          <Dropdown.Item>Item 2</Dropdown.Item>
+        </Dropdown.Menu>
+      </Dropdown>
+    </div>
   )
 }
diff --git a/src/Tooltip/Tooltip.stories.tsx b/src/Tooltip/Tooltip.stories.tsx
index 1a9ec11a..aef5aa51 100644
--- a/src/Tooltip/Tooltip.stories.tsx
+++ b/src/Tooltip/Tooltip.stories.tsx
@@ -11,9 +11,11 @@ export default {
 
 export const Default: Story<TooltipProps> = (args) => {
   return (
-    <Tooltip {...args}>
-      <Button>Hover me</Button>
-    </Tooltip>
+    <div className='my-6'>
+      <Tooltip {...args}>
+        <Button>Hover me</Button>
+      </Tooltip>
+    </div>
   )
 }
 Default.args = {