diff --git a/app/client/src/index.css b/app/client/src/index.css
index 2ce8e9f6b7..9324c48787 100755
--- a/app/client/src/index.css
+++ b/app/client/src/index.css
@@ -60,7 +60,7 @@ div.bp3-popover-arrow {
 }
 
 .bp3-portal {
-  z-index: 10;
+  z-index: 2;
 }
 
 .bp3-popover .bp3-input {
diff --git a/app/client/src/widgets/ModalWidget.tsx b/app/client/src/widgets/ModalWidget.tsx
index 07cada407e..81b89bfffe 100644
--- a/app/client/src/widgets/ModalWidget.tsx
+++ b/app/client/src/widgets/ModalWidget.tsx
@@ -124,6 +124,7 @@ export class ModalWidget extends BaseWidget<ModalWidgetProps, WidgetState> {
         onClose={this.closeModal}
         scrollContents={!!this.props.shouldScrollContents}
         width={this.getModalWidth()}
+        zIndex={3}
       >
         {content}
       </ModalComponent>