diff --git a/changes/issue-24992-padding-fixes-around-lists b/changes/issue-24992-padding-fixes-around-lists
new file mode 100644
index 0000000000..8fd3ae43e3
--- /dev/null
+++ b/changes/issue-24992-padding-fixes-around-lists
@@ -0,0 +1 @@
+- normalise padding spacing for list headers, lists, and help text across various modals.
diff --git a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
index 6d24c9abbb..ce2e7ef18a 100644
--- a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx
@@ -4,7 +4,6 @@ import { useQuery } from "react-query";
import { InjectedRouter } from "react-router/lib/Router";
import PATHS from "router/paths";
import { isEqual } from "lodash";
-import { formatDistanceToNowStrict } from "date-fns";
import { getNextLocationPath, wait } from "utilities/helpers";
diff --git a/frontend/pages/policies/ManagePoliciesPage/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/_styles.scss
index 632e60e819..7cd91c856c 100644
--- a/frontend/pages/policies/ManagePoliciesPage/_styles.scss
+++ b/frontend/pages/policies/ManagePoliciesPage/_styles.scss
@@ -235,6 +235,7 @@
border: 1px solid $ui-fleet-black-10;
// negate ul padding
padding-left: 0;
+ margin: 0;
.policy-row {
display: flex;
diff --git a/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx b/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx
index c17d68222a..92ffe7ecd2 100644
--- a/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx
+++ b/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx
@@ -190,48 +190,50 @@ const CalendarEventsModal = ({
return (
Policies:
-
- {formData.policies.map((policy) => {
- const { isChecked, name, id } = policy;
- return (
- -
- {
- onPolicyEnabledChange({ name, value: !isChecked });
- }}
- disabled={!formData.enabled}
- >
-
-
-
-
- );
- })}
-
-
- A calendar event will be created for end users if one of their hosts
- fail any of these policies.{" "}
-
-
+
+
+ {formData.policies.map((policy) => {
+ const { isChecked, name, id } = policy;
+ return (
+ -
+ {
+ onPolicyEnabledChange({ name, value: !isChecked });
+ }}
+ disabled={!formData.enabled}
+ >
+
+
+
+
+ );
+ })}
+
+
+ A calendar event will be created for end users if one of their hosts
+ fail any of these policies.{" "}
+
+
+
);
};
@@ -302,7 +304,6 @@ const CalendarEventsModal = ({
onClick={() => {
setShowExamplePayload(!showExamplePayload);
}}
- // disabled={!formData.enabled}
/>