From 3cc6066a121612393f077efbb7d912d5fd7a4fce Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Wed, 25 Jun 2025 16:39:35 +0300
Subject: [PATCH] refactor(MultiselectMenu): fixed height

---
 src/components/Multiselect/styles.less                     | 2 +-
 src/components/MultiselectMenu/Dropdown/Dropdown.less      | 3 ++-
 src/components/MultiselectMenu/Dropdown/Option/Option.less | 3 +++
 src/components/MultiselectMenu/MultiselectMenu.less        | 2 ++
 src/routes/Discover/styles.less                            | 4 ++--
 5 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/Multiselect/styles.less b/src/components/Multiselect/styles.less
index f87c86d9b..4298b2697 100644
--- a/src/components/Multiselect/styles.less
+++ b/src/components/Multiselect/styles.less
@@ -50,7 +50,7 @@
 
 .modal-container, .popup-menu-container {
     .menu-container {
-        max-height: calc(3.2rem * 7);
+        max-height: calc(3rem * 7);
 
         .option-container {
             display: flex;
diff --git a/src/components/MultiselectMenu/Dropdown/Dropdown.less b/src/components/MultiselectMenu/Dropdown/Dropdown.less
index 2373241f2..18681b4a3 100644
--- a/src/components/MultiselectMenu/Dropdown/Dropdown.less
+++ b/src/components/MultiselectMenu/Dropdown/Dropdown.less
@@ -3,6 +3,7 @@
 @import (reference) '~stremio/common/screen-sizes.less';
 
 @parent-height: 12rem;
+@item-height: 3rem;
 
 .dropdown {
     background: var(--modal-background-color);
@@ -18,7 +19,7 @@
 
     &.open {
         display: block;
-        max-height: calc(3.3rem * 7);
+        max-height: calc(@item-height * 7);
         overflow: auto;
     }
 
diff --git a/src/components/MultiselectMenu/Dropdown/Option/Option.less b/src/components/MultiselectMenu/Dropdown/Option/Option.less
index a0ee1743f..03a5d03d1 100644
--- a/src/components/MultiselectMenu/Dropdown/Option/Option.less
+++ b/src/components/MultiselectMenu/Dropdown/Option/Option.less
@@ -1,6 +1,9 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
+@height: 3rem;
+
 .option {
+    height: @height;
     font-size: var(--font-size-normal);
     color: var(--primary-foreground-color);
     align-items: center;
diff --git a/src/components/MultiselectMenu/MultiselectMenu.less b/src/components/MultiselectMenu/MultiselectMenu.less
index 4aee1a4a8..1a886322e 100644
--- a/src/components/MultiselectMenu/MultiselectMenu.less
+++ b/src/components/MultiselectMenu/MultiselectMenu.less
@@ -1,6 +1,7 @@
 // Copyright (C) 2017-2024 Smart code 203358507
 
 @border-radius: 2.75rem;
+@height: 3rem;
 
 .multiselect-menu {
     position: relative;
@@ -14,6 +15,7 @@
     }
 
     .multiselect-button {
+        height: @height;
         padding: 0.75rem 1.5rem;
         display: flex;
         flex: 1;
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index a084e4170..a79e5ad38 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -228,7 +228,7 @@
             overflow: visible !important;
 
             .select-input {
-                height: 3.5rem;
+                height: 3rem;
                 display: none;
 
                 &:nth-child(n+4) {
@@ -240,7 +240,7 @@
                 }
 
                 .multiselect-menu-container {
-                    max-height: calc(3.2rem * 3);
+                    max-height: calc(3rem * 3);
                     overflow: auto;
                 }
             }