From 8866fefc56e61160a0bfa59a1d6fff0e7c153ed9 Mon Sep 17 00:00:00 2001
From: Ben Elferink <ben.elferink@icloud.com>
Date: Thu, 28 Nov 2024 14:15:21 +0200
Subject: [PATCH] [GEN-1771]: fix modal height for long-vertical screens
 (content was overflowed) (#1881)

This pull request includes a small change to the
`frontend/webapp/reuseable-components/modal/index.tsx` file. The change
removes the `max-height` property from the `Container` styled component.

*
[`frontend/webapp/reuseable-components/modal/index.tsx`](diffhunk://#diff-d4103c71c61595550583187ffac30c3645d1b452db346f20738929a51c954f00L27):
Removed the `max-height: 84vh;` property from the `Container` styled
component.
---
 frontend/webapp/reuseable-components/modal/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/webapp/reuseable-components/modal/index.tsx b/frontend/webapp/reuseable-components/modal/index.tsx
index f961f0adb..ea24d27fa 100644
--- a/frontend/webapp/reuseable-components/modal/index.tsx
+++ b/frontend/webapp/reuseable-components/modal/index.tsx
@@ -24,7 +24,6 @@ const Container = styled.div`
   transform: translate(-50%, -50%);
   z-index: 1000;
   width: fit-content;
-  max-height: 84vh;
   background: ${({ theme }) => theme.colors.translucent_bg};
   border: ${({ theme }) => `1px solid ${theme.colors.border}`};
   border-radius: 40px;