fix z-index in modal elements

storybookjs · Sep 26, 2023 · a21205b · a21205b
1 parent f9003d9
commit a21205b
Showing 1 changed file with 2 additions and 0 deletions.
diff --git 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;