From 3b001ea07c21dc52c6a11dfdd3db0115d67dddb0 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Tue, 24 Sep 2024 09:02:48 -0700
Subject: [PATCH] Fleet UI: Host status dropdown styling fixes (#22314)

---
 .../hosts/ManageHostsPage/ManageHostsPage.tsx     |  7 +------
 frontend/pages/hosts/ManageHostsPage/_styles.scss | 15 +--------------
 .../hosts/details/cards/Software/_styles.scss     |  2 +-
 .../pages/queries/ManageQueriesPage/_styles.scss  |  2 +-
 4 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx
index 6464f4d59bf4..7c95b74cfcab 100644
--- a/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx
+++ b/frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx
@@ -1430,16 +1430,11 @@ const ManageHostsPage = ({
         ? selectedLabel
         : undefined;
 
-    const statusDropdownClassnames = classNames(
-      `${baseClass}__status_dropdown`,
-      { [`${baseClass}__status-dropdown-sandbox`]: isSandboxMode }
-    );
-
     return (
       <div className={`${baseClass}__filter-dropdowns`}>
         <Dropdown
           value={status || ""}
-          className={statusDropdownClassnames}
+          className={`${baseClass}__status_dropdown`}
           options={getHostSelectStatuses(isSandboxMode)}
           searchable={false}
           onChange={handleStatusDropdownChange}
diff --git a/frontend/pages/hosts/ManageHostsPage/_styles.scss b/frontend/pages/hosts/ManageHostsPage/_styles.scss
index 76cce5f2984b..7052d86396fe 100644
--- a/frontend/pages/hosts/ManageHostsPage/_styles.scss
+++ b/frontend/pages/hosts/ManageHostsPage/_styles.scss
@@ -121,13 +121,6 @@
               line-height: 38px;
             }
           }
-
-          .manage-hosts__status-dropdown-sandbox {
-            width: auto;
-            .Select-control {
-              width: 182px;
-            }
-          }
         }
       }
     }
@@ -183,12 +176,6 @@
             .manage-hosts__status_dropdown {
               width: auto;
             }
-
-            .manage-hosts__status-dropdown-sandbox {
-              .Select-control {
-                width: 100%;
-              }
-            }
           }
         }
       }
@@ -246,7 +233,7 @@
 
     .Select-menu-outer {
       width: 364px;
-      max-height: 325px;
+      max-height: min-content;
 
       .Select-menu {
         max-height: none;
diff --git a/frontend/pages/hosts/details/cards/Software/_styles.scss b/frontend/pages/hosts/details/cards/Software/_styles.scss
index a87305760ad1..331c9861e943 100644
--- a/frontend/pages/hosts/details/cards/Software/_styles.scss
+++ b/frontend/pages/hosts/details/cards/Software/_styles.scss
@@ -9,7 +9,7 @@
       .Select {
         .Select-menu-outer {
           width: 364px;
-          max-height: 310px;
+          max-height: min-content;
 
           .Select-menu {
             max-height: none;
diff --git a/frontend/pages/queries/ManageQueriesPage/_styles.scss b/frontend/pages/queries/ManageQueriesPage/_styles.scss
index 3f7cd2515089..ea724a00c250 100644
--- a/frontend/pages/queries/ManageQueriesPage/_styles.scss
+++ b/frontend/pages/queries/ManageQueriesPage/_styles.scss
@@ -63,7 +63,7 @@
     &__platform-dropdown {
       .Select-menu-outer {
         width: 364px;
-        max-height: 380px;
+        max-height: min-content;
 
         .Select-menu {
           max-height: none;