fix modal overlay problem (#13724)

airbytehq · Jun 13, 2022 · 7aeb48e · 7aeb48e
1 parent 39e375b
commit 7aeb48e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/airbyte-webapp/src/components/Modal/Modal.tsx b/airbyte-webapp/src/components/Modal/Modal.tsx
@@ -4,7 +4,7 @@ import styled, { keyframes } from "styled-components";
 
 import ContentCard from "components/ContentCard";
 
-export interface IProps {
+export interface ModalProps {
   title?: string | React.ReactNode;
   onClose?: () => void;
   clear?: boolean;
@@ -26,10 +26,10 @@ const Overlay = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
-  z-index: 10;
+  z-index: 100;
 `;
 
-const Modal: React.FC<IProps> = ({ children, title, onClose, clear, closeOnBackground }) => {
+const Modal: React.FC<ModalProps> = ({ children, title, onClose, clear, closeOnBackground }) => {
   const handleUserKeyPress = useCallback((event, closeModal) => {
     const { keyCode } = event;
     if (keyCode === 27) {