From c9e40cbc946aa776801549546681ed63fa2b4ffc Mon Sep 17 00:00:00 2001
From: David Reichert <132946012+david-reichert-ef@users.noreply.github.com>
Date: Tue, 9 Apr 2024 17:07:16 -0400
Subject: [PATCH] Update StyledWrapper.js (#1936)

Adjusting modal z-index to ensure that underlying components do not overlap the modal. This change ensures that the prettier button in a POST body no longer overlaps modal windows.
---
 packages/bruno-app/src/components/Modal/StyledWrapper.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/bruno-app/src/components/Modal/StyledWrapper.js b/packages/bruno-app/src/components/Modal/StyledWrapper.js
index eb32c9655..d4c0fa57e 100644
--- a/packages/bruno-app/src/components/Modal/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Modal/StyledWrapper.js
@@ -21,7 +21,7 @@ const Wrapper = styled.div`
     align-items: flex-start;
     justify-content: center;
     overflow-y: auto;
-    z-index: 10;
+    z-index: 11;
     background-color: rgba(0, 0, 0, 0.5);
   }
 
@@ -31,7 +31,7 @@ const Wrapper = styled.div`
     background: var(--color-background-top);
     border-radius: var(--border-radius);
     position: relative;
-    z-index: 10;
+    z-index: 11;
     max-width: calc(100% - var(--spacing-base-unit));
     box-shadow: var(--box-shadow-base);
     display: flex;