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>