From dc0b09963d91c8350059caa8485f3d4fd26f4263 Mon Sep 17 00:00:00 2001
From: Beatriz Mendes <bea.smendes98@gmail.com>
Date: Mon, 11 Apr 2022 11:03:58 +0200
Subject: [PATCH] fix(overlay): adjust max heights to always fit viewport

Closes #2882
---
 .../src/plugins/report-feedback/ReportFeedbackOverlay.js   | 1 -
 client/src/shared/ui/overlay/Overlay.less                  | 7 +++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/plugins/report-feedback/ReportFeedbackOverlay.js b/client/src/plugins/report-feedback/ReportFeedbackOverlay.js
index f85c620299..bbc0443122 100644
--- a/client/src/plugins/report-feedback/ReportFeedbackOverlay.js
+++ b/client/src/plugins/report-feedback/ReportFeedbackOverlay.js
@@ -27,7 +27,6 @@ export function ReportFeedbackOverlay(props) {
     <Overlay
       anchor={ props.anchor }
       onClose={ props.onClose }
-      maxHeight="calc(100vh - 250px)"
       offset={ OFFSET }
       className={ css.ReportFeedbackOverlay }
     >
diff --git a/client/src/shared/ui/overlay/Overlay.less b/client/src/shared/ui/overlay/Overlay.less
index 3be280b92b..ff31210b90 100644
--- a/client/src/shared/ui/overlay/Overlay.less
+++ b/client/src/shared/ui/overlay/Overlay.less
@@ -84,8 +84,10 @@
   
   fieldset {
     border: none;
-    margin: 0 0 5px 0;
-    padding: 0;
+    margin: 0 -12px 5px 0;
+    padding: 0 12px 0 0;
+    max-height: calc(100vh - 176px);
+    overflow-y: auto;
   }
   
   .fields {
@@ -113,6 +115,7 @@
 
   ul.dashed {
     list-style: none;
+    max-height: calc(100vh - 250px);
 
     li {
       margin-bottom: 4px;