From 4afb583561d22046ce4aa2bb951ecb52927733e6 Mon Sep 17 00:00:00 2001
From: Maciej Pyrc <maciekpyrc@gmail.com>
Date: Fri, 28 Jun 2024 21:24:49 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20story?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../examples/content/content.stories.mdx      | 109 ++++++++----------
 1 file changed, 50 insertions(+), 59 deletions(-)

diff --git a/src/stories/examples/content/content.stories.mdx b/src/stories/examples/content/content.stories.mdx
index c5123a9..e31c5d6 100644
--- a/src/stories/examples/content/content.stories.mdx
+++ b/src/stories/examples/content/content.stories.mdx
@@ -42,70 +42,61 @@ export const Template = (args) => (
         >
           <div
             style={{
-              display: "flex",
-              overflow: "auto",
-              maxWidth: "100%",
+              width: "100px",
+              height: "100px",
               padding: "10px",
+              background: "red",
             }}
+            className="panningDisabled"
           >
-            <div
-              style={{
-                width: "100px",
-                height: "100px",
-                padding: "10px",
-                background: "red",
-              }}
-              className="panningDisabled"
-            >
-              Panning is DISABLED on this element
-            </div>
-            <div
-              style={{
-                width: "100px",
-                height: "100px",
-                padding: "10px",
-                background: "blue",
-              }}
-              className="wheelDisabled"
-            >
-              Wheel is DISABLED on this element
-            </div>
-            <div
-              style={{
-                width: "100px",
-                height: "100px",
-                padding: "10px",
-                background: "green",
-              }}
-              className="pinchDisabled"
-            >
-              Pinch is DISABLED on this element
-            </div>
+            Panning is DISABLED on this element
+          </div>
+          <div
+            style={{
+              width: "100px",
+              height: "100px",
+              padding: "10px",
+              background: "blue",
+            }}
+            className="wheelDisabled"
+          >
+            Wheel is DISABLED on this element
+          </div>
+          <div
+            style={{
+              width: "100px",
+              height: "100px",
+              padding: "10px",
+              background: "green",
+            }}
+            className="pinchDisabled"
+          >
+            Pinch is DISABLED on this element
           </div>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum
-          </p>
-          <img src={exampleImg} alt="" />
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum
-          </p>
         </div>
-      </TransformComponent>
-    </TransformWrapper>
-  );
-};
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+          aliquip ex ea commodo consequat. Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum
+        </p>
+        <img src={exampleImg} alt="" />
+        <p>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+          eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
+          minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+          aliquip ex ea commodo consequat. Duis aute irure dolor in
+          reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
+          pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum
+        </p>
+      </div>
+    </TransformComponent>
+  </TransformWrapper>
+);
 
 <Meta
   title="Examples/Mixed Content"