diff --git a/airbyte-webapp/src/components/Modal/Modal.tsx b/airbyte-webapp/src/components/Modal/Modal.tsx
index a3bca9d1190f..38d37c414a83 100644
--- 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) {