From a21205b77571b524d027232ae01c6b392929ccb8 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 26 Sep 2023 07:44:30 -0500
Subject: [PATCH] fix z-index in modal elements

---
 src/components/Modal/Modal.styled.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/Modal/Modal.styled.tsx b/src/components/Modal/Modal.styled.tsx
index 69e9521..39957c4 100644
--- a/src/components/Modal/Modal.styled.tsx
+++ b/src/components/Modal/Modal.styled.tsx
@@ -8,6 +8,7 @@ export const StyledOverlay = styled.div`
   inset: 0px;
   width: 100%;
   height: 100%;
+  z-index: 10;
 `;
 
 export const StyledContent = styled.div<{
@@ -27,6 +28,7 @@ export const StyledContent = styled.div<{
     max-width: calc(100% - 40px);
     max-height: 85vh;
     overflow: hidden;
+    z-index: 11;
 
     &:focus-visible {
       outline: none;