From 55656772441af73ddf64614e29abe3f0d0052dfd Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Thu, 14 Aug 2025 13:18:47 -0400
Subject: [PATCH] Fleet UI: Prevent scroll modal bug (#31920)

---
 .../components/InstallSoftwareModal/_styles.scss         | 2 +-
 .../components/PolicyRunScriptModal/_styles.scss         | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/_styles.scss
index e641259671..a5a77ee371 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/_styles.scss
+++ b/frontend/pages/policies/ManagePoliciesPage/components/InstallSoftwareModal/_styles.scss
@@ -10,7 +10,7 @@
         overflow: visible;
       }
       .Select-menu-outer {
-        max-height: 240px;
+        max-height: 165px; // Prevent scrolling off modal
         overflow-y: auto;
       }
     }
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/PolicyRunScriptModal/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/components/PolicyRunScriptModal/_styles.scss
index d29810b5b0..a08f896703 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/PolicyRunScriptModal/_styles.scss
+++ b/frontend/pages/policies/ManagePoliciesPage/components/PolicyRunScriptModal/_styles.scss
@@ -2,23 +2,28 @@
   .policy-run-script-modal {
     .form-field--dropdown {
       width: 276px;
+
       .Select-placeholder {
         color: $ui-fleet-black-50;
       }
+
       .Select-menu {
         max-height: none;
         overflow: visible;
       }
+
       .Select-menu-outer {
-        max-height: 240px;
+        max-height: 165px; // Prevent scrolling off modal
         overflow-y: auto;
       }
     }
+
     .paginated-list__row {
       height: 40px;
       padding-top: 4px;
       padding-bottom: 4px;
     }
+
     &__no-scripts {
       display: flex;
       height: 178px;
@@ -31,11 +36,13 @@
       div {
         color: $ui-fleet-black-75;
         font-size: $xx-small;
+
         a {
           font-size: inherit;
         }
       }
     }
+
     .data-error {
       padding: 78px;
     }