From cb9cb1dca03a9a1c8ac443526a2b52b013b3ea11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Fri, 12 Aug 2022 10:35:29 +0100
Subject: [PATCH] fix(ci): fix modals in percy

---
 ui/src/Components/MainModal/index.stories.tsx     | 2 +-
 ui/src/Components/OverviewModal/index.stories.tsx | 2 +-
 ui/src/Components/SilenceModal/index.stories.tsx  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/ui/src/Components/MainModal/index.stories.tsx b/ui/src/Components/MainModal/index.stories.tsx
index 17759f472..7147ed6a4 100644
--- a/ui/src/Components/MainModal/index.stories.tsx
+++ b/ui/src/Components/MainModal/index.stories.tsx
@@ -10,7 +10,7 @@ import "Styles/Percy.scss";
 
 storiesOf("MainModal", module)
   .addDecorator((storyFn) => (
-    <div>
+    <div className="modal d-block" style={{ position: "relative" }}>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{storyFn()}</div>
       </div>
diff --git a/ui/src/Components/OverviewModal/index.stories.tsx b/ui/src/Components/OverviewModal/index.stories.tsx
index d3daa7595..e8485dfc6 100644
--- a/ui/src/Components/OverviewModal/index.stories.tsx
+++ b/ui/src/Components/OverviewModal/index.stories.tsx
@@ -12,7 +12,7 @@ import "Styles/Percy.scss";
 
 storiesOf("OverviewModal", module).add("OverviewModal", () => {
   const Modal: FC = ({ children }) => (
-    <div>
+    <div className="modal d-block" style={{ position: "relative" }}>
       <div className="modal-dialog modal-lg" role="document">
         <div className="modal-content">{children}</div>
       </div>
diff --git a/ui/src/Components/SilenceModal/index.stories.tsx b/ui/src/Components/SilenceModal/index.stories.tsx
index 0065485c9..30b34f5af 100644
--- a/ui/src/Components/SilenceModal/index.stories.tsx
+++ b/ui/src/Components/SilenceModal/index.stories.tsx
@@ -36,7 +36,7 @@ const MockMatcher = (
 };
 
 const Modal: FC = ({ children }) => (
-  <div>
+  <div className="modal d-block" style={{ position: "relative" }}>
     <div className="modal-dialog modal-lg" role="document">
       <div className="modal-content">{children}</div>
     </div>