From a2f9321ce8ad7c319f6ba258842b027123316d3d Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 26 Jan 2026 10:18:32 -0500
Subject: [PATCH] Fleet UI: Fix location modal gap (#38722)

---
 .../modals/CategoriesEndUserExperienceModal/_styles.scss      | 4 +---
 .../HostDetailsPage/modals/SelectQueryModal/_styles.scss      | 4 +---
 .../pages/hosts/details/modals/LocationModal/_styles.scss     | 2 +-
 .../components/CalendarEventPreviewModal/_styles.scss         | 4 +---
 4 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/frontend/pages/SoftwarePage/components/modals/CategoriesEndUserExperienceModal/_styles.scss b/frontend/pages/SoftwarePage/components/modals/CategoriesEndUserExperienceModal/_styles.scss
index 12799387d2..8a64dba88e 100644
--- a/frontend/pages/SoftwarePage/components/modals/CategoriesEndUserExperienceModal/_styles.scss
+++ b/frontend/pages/SoftwarePage/components/modals/CategoriesEndUserExperienceModal/_styles.scss
@@ -1,8 +1,6 @@
 .categories-end-user-experience-preview-modal {
   .modal__content {
-    display: flex;
-    flex-direction: column;
-    gap: $pad-large;
+    @include vertical-modal-layout;
   }
 
   .modal-cta-wrap {
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/SelectQueryModal/_styles.scss b/frontend/pages/hosts/details/HostDetailsPage/modals/SelectQueryModal/_styles.scss
index f2736bf14b..a1612539af 100644
--- a/frontend/pages/hosts/details/HostDetailsPage/modals/SelectQueryModal/_styles.scss
+++ b/frontend/pages/hosts/details/HostDetailsPage/modals/SelectQueryModal/_styles.scss
@@ -9,9 +9,7 @@
   }
 
   .modal__content {
-    display: flex;
-    flex-direction: column;
-    gap: $pad-large;
+    @include vertical-modal-layout;
     height: 100%;
   }
 
diff --git a/frontend/pages/hosts/details/modals/LocationModal/_styles.scss b/frontend/pages/hosts/details/modals/LocationModal/_styles.scss
index 5834c77dd6..09b0063b0e 100644
--- a/frontend/pages/hosts/details/modals/LocationModal/_styles.scss
+++ b/frontend/pages/hosts/details/modals/LocationModal/_styles.scss
@@ -1,5 +1,5 @@
 .location-modal {
-  &__content {
+  .modal__content {
     @include vertical-modal-layout;
   }
 
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventPreviewModal/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventPreviewModal/_styles.scss
index 2bf39b6c09..9dfde09cd6 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventPreviewModal/_styles.scss
+++ b/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventPreviewModal/_styles.scss
@@ -1,8 +1,6 @@
 .calendar-event-preview-modal {
   .modal__content {
-    display: flex;
-    flex-direction: column;
-    gap: $pad-large;
+    @include vertical-modal-layout;
   }
 
   &__preview {