From 666c2234568b52458742f9f5f6f164346a3553ff Mon Sep 17 00:00:00 2001
From: Juan Fernandez <juan-fdz-hawa@users.noreply.github.com>
Date: Thu, 6 Nov 2025 15:00:49 -0400
Subject: [PATCH] Make styling more consistent in edit policies view for
 Firefox. (#35247)

**Related issue:** Resolves
[#34999](https://github.com/fleetdm/fleet/issues/34999)

- Align edit icon to start of line.
- Fix font size for policy name and contents elements.

# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [X] Changes file added for user-visible changes in `changes/`,
`orbit/changes/` or `ee/fleetd-chrome/changes`.
See [Changes
files](https://github.com/fleetdm/fleet/blob/main/docs/Contributing/guides/committing-changes.md#changes-files)
for more information.

## Testing

- [X] QA'd all new/changed functionality manually
---
 changes/34999-text-cut-off-in-policies-view            |  1 +
 .../PolicyPage/components/PolicyForm/_styles.scss      | 10 ++++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 changes/34999-text-cut-off-in-policies-view

diff --git a/changes/34999-text-cut-off-in-policies-view b/changes/34999-text-cut-off-in-policies-view
new file mode 100644
index 0000000000..c991682335
--- /dev/null
+++ b/changes/34999-text-cut-off-in-policies-view
@@ -0,0 +1 @@
+* Make styling more consistent in edit policies view for FireFox.
\ No newline at end of file
diff --git a/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss b/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss
index b3d107902c..a53832f5a4 100644
--- a/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss
+++ b/frontend/pages/policies/PolicyPage/components/PolicyForm/_styles.scss
@@ -86,6 +86,13 @@
     }
   }
 
+  &__policy-description-wrapper,
+  &__policy-resolution-wrapper {
+    .icon {
+      align-self: flex-start;
+    }
+  }
+
   &__policy-name-wrapper {
     .no-value {
       min-width: 112px;
@@ -127,9 +134,12 @@
     white-space: normal;
     background-color: transparent;
     overflow: hidden;
+    font-size: $x-small;
   }
 
   &__policy-name {
+   font-size:$large;
+
     &.input-field--error {
       border: 1px solid $core-vibrant-red;
     }