From 829742b2399b2fb9e20054a2532c052d09f7f016 Mon Sep 17 00:00:00 2001
From: Tolulope Adetula <31691737+Tooluloope@users.noreply.github.com>
Date: Thu, 6 May 2021 08:18:39 +0100
Subject: [PATCH] fix: reduced portal zindex

---
 app/client/src/index.css               | 2 +-
 app/client/src/widgets/ModalWidget.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

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>