From e7498f2808102b4baca126a638e1820b4e0c52ca Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pawan.stardust@gmail.com>
Date: Tue, 29 Mar 2022 15:13:02 +0530
Subject: [PATCH] change container height to 100vh (#12317)

Co-authored-by: Pawan Kumar <pawankumar@Pawans-MacBook-Pro.local>
---
 .../src/pages/Editor/WidgetsEditor/CanvasContainer.tsx       | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/client/src/pages/Editor/WidgetsEditor/CanvasContainer.tsx b/app/client/src/pages/Editor/WidgetsEditor/CanvasContainer.tsx
index 6e92e17206..98bbbfd791 100644
--- a/app/client/src/pages/Editor/WidgetsEditor/CanvasContainer.tsx
+++ b/app/client/src/pages/Editor/WidgetsEditor/CanvasContainer.tsx
@@ -55,6 +55,7 @@ function CanvasContainer() {
     </Centered>
   );
   let node: ReactNode;
+
   if (isFetchingPage) {
     node = pageLoading;
   }
@@ -71,7 +72,9 @@ function CanvasContainer() {
         "mt-9": shouldHaveTopMargin,
       })}
       key={currentPageId}
-      style={{ height: `calc(100% - ${shouldHaveTopMargin ? "2rem" : "0px"})` }}
+      style={{
+        height: `calc(100vh - ${shouldHaveTopMargin ? "2rem" : "0px"})`,
+      }}
     >
       {node}
     </Container>