From feb6746c90910cd81d9f2959de4e04fab3a2c81e Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Sat, 16 Nov 2024 22:27:42 +0200
Subject: [PATCH 1/2] fix: modal dialog styles issues

---
 src/common/ModalDialog/styles.less | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
index 9aafca16a..32605d341 100644
--- a/src/common/ModalDialog/styles.less
+++ b/src/common/ModalDialog/styles.less
@@ -67,6 +67,7 @@
         .modal-dialog-content {
             z-index: 1;
             position: relative;
+            overflow-y: auto;
 
             .title-container {
                 flex: 1 0 auto;
@@ -157,9 +158,11 @@
             z-index: 0;
             padding: 0 1.5rem;
 
-            .buttons-container {
-                flex-direction: column;
-                gap: 1rem;
+            .modal-dialog-content {
+                .buttons-container {
+                    flex-direction: column;
+                    gap: 1rem;
+                }
             }
         }
 

From c27b94fa6c16212ec5c406c8c90804f523e0d40c Mon Sep 17 00:00:00 2001
From: Tim <tymmesyde@gmail.com>
Date: Sat, 16 Nov 2024 22:22:53 +0100
Subject: [PATCH 2/2] refactor(ModalDialog): rename duplicated class name

---
 src/common/ModalDialog/ModalDialog.js | 2 +-
 src/common/ModalDialog/styles.less    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/common/ModalDialog/ModalDialog.js b/src/common/ModalDialog/ModalDialog.js
index 52d0a2513..1efa6ea6e 100644
--- a/src/common/ModalDialog/ModalDialog.js
+++ b/src/common/ModalDialog/ModalDialog.js
@@ -70,7 +70,7 @@ const ModalDialog = ({ className, title, buttons, children, dataset, onCloseRequ
                             :
                             null
                     }
-                    <div className={styles['modal-dialog-content']}>
+                    <div className={styles['body-container']}>
                         {children}
                     </div>
                     {
diff --git a/src/common/ModalDialog/styles.less b/src/common/ModalDialog/styles.less
index 32605d341..bde17932d 100644
--- a/src/common/ModalDialog/styles.less
+++ b/src/common/ModalDialog/styles.less
@@ -79,7 +79,7 @@
                 color: var(--primary-foreground-color);
             }
 
-            .modal-dialog-content {
+            .body-container {
                 flex: 1;
                 align-self: stretch;
                 overflow-y: auto;