From b233493d45785efc68996553f7df7679d4ebe0d4 Mon Sep 17 00:00:00 2001
From: Marko Lisica <83164494+marko-lisica@users.noreply.github.com>
Date: Tue, 16 Dec 2025 14:35:46 +0100
Subject: [PATCH] Update enrollment links font to monospaced (#37279)

<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #36754

# 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


Screenshots:

<img width="849" height="394" alt="Screenshot 2025-12-15 at 18 03 06"
src="https://github.com/user-attachments/assets/054d0d99-59b7-4664-b682-fb68a5cccad8"
/>
<img width="882" height="421" alt="Screenshot 2025-12-15 at 18 02 42"
src="https://github.com/user-attachments/assets/87ac021e-d88a-4cbf-8b46-8f674d838d3c"
/>
---
 changes/36754-enroll-links-mono-spaced                       | 1 +
 .../PlatformWrapper/AndroidPanel/AndroidPanel.tsx            | 2 +-
 .../AddHostsModal/PlatformWrapper/AndroidPanel/_styles.scss  | 5 ++++-
 .../PlatformWrapper/IosIpadosPanel/IosIpadosPanel.tsx        | 2 +-
 .../PlatformWrapper/IosIpadosPanel/_styles.scss              | 4 ++++
 .../components/AddHostsModal/PlatformWrapper/_styles.scss    | 1 -
 6 files changed, 11 insertions(+), 4 deletions(-)
 create mode 100644 changes/36754-enroll-links-mono-spaced

diff --git a/changes/36754-enroll-links-mono-spaced b/changes/36754-enroll-links-mono-spaced
new file mode 100644
index 0000000000..af11d6b33c
--- /dev/null
+++ b/changes/36754-enroll-links-mono-spaced
@@ -0,0 +1 @@
+* Changed iOS/iPadOS and Android enrollment links on Add hosts modal to monospaced font to improve readability.
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/AndroidPanel.tsx b/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/AndroidPanel.tsx
index 521211f7aa..ce436fb29c 100644
--- a/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/AndroidPanel.tsx
+++ b/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/AndroidPanel.tsx
@@ -44,7 +44,7 @@ const AndroidPanel = ({ enrollSecret }: IAndroidPanelProps) => {
         label="Send this to your end users:"
         enableCopy
         readOnly
-        inputWrapperClass
+        inputWrapperClass={`${baseClass}__enroll-link`}
         name="enroll-link"
         value={url}
       />
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/_styles.scss b/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/_styles.scss
index b5b7f3f051..795d9bf5f7 100644
--- a/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/_styles.scss
+++ b/frontend/components/AddHostsModal/PlatformWrapper/AndroidPanel/_styles.scss
@@ -1,3 +1,6 @@
 .android-panel {
-
+  &__enroll-link input {
+    font-family: "SourceCodePro", $monospace;
+    color: $core-fleet-blue;
+  }
 }
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/IosIpadosPanel.tsx b/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/IosIpadosPanel.tsx
index 38a4e82dec..88095bc20c 100644
--- a/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/IosIpadosPanel.tsx
+++ b/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/IosIpadosPanel.tsx
@@ -49,7 +49,7 @@ const IosIpadosPanel = ({ enrollSecret }: IosIpadosPanelProps) => {
         label="Send this to your end users:"
         enableCopy
         readOnly
-        inputWrapperClass
+        inputWrapperClass={`${baseClass}__enroll-link`}
         name="enroll-link"
         value={url}
         helpText={helpText}
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/_styles.scss b/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/_styles.scss
index 603ab26c2a..1777418509 100644
--- a/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/_styles.scss
+++ b/frontend/components/AddHostsModal/PlatformWrapper/IosIpadosPanel/_styles.scss
@@ -5,4 +5,8 @@
   &__spinner {
     margin: $pad-xxlarge auto;
   }
+  &__enroll-link input {
+    font-family: "SourceCodePro", $monospace;
+    color: $core-fleet-blue;
+  }
 }
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss b/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
index 9806f836f8..df3a32aa26 100644
--- a/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
+++ b/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
@@ -16,7 +16,6 @@
 
     &__textarea {
       font-family: "SourceCodePro", $monospace;
-      font-weight: $bold;
       color: $core-fleet-blue;
       line-height: $line-height;
       line-break: anywhere;