From bf6125f69d7c8eb2a8c3be5abbf2cb4b29f768c0 Mon Sep 17 00:00:00 2001
From: Pawan Kumar <pawan@appsmith.com>
Date: Tue, 8 Apr 2025 15:39:50 +0530
Subject: [PATCH] chore: fix chat widget height issue (#40158)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Enhanced the display by updating the viewport height measurement,
allowing the content area to dynamically adjust based on the visible
screen space for a more responsive viewing experience.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 app/client/src/pages/AppViewer/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/client/src/pages/AppViewer/index.tsx b/app/client/src/pages/AppViewer/index.tsx
index 31ea2b6592..1fdb6e1250 100644
--- a/app/client/src/pages/AppViewer/index.tsx
+++ b/app/client/src/pages/AppViewer/index.tsx
@@ -60,7 +60,7 @@ const AppViewerBody = styled.section<{
   flex-direction: row;
   align-items: stretch;
   justify-content: flex-start;
-  height: calc(100vh - ${({ headerHeight }) => headerHeight}px);
+  height: calc(100dvh - ${({ headerHeight }) => headerHeight}px);
   --view-mode-header-height: ${({ headerHeight }) => headerHeight}px;
   contain: ${({ $contain }) => $contain};
 `;