From 95fefd6fadf9b50797726e067ac7bb04cfa99192 Mon Sep 17 00:00:00 2001
From: Noah Talerman <47070608+noahtalerman@users.noreply.github.com>
Date: Fri, 22 May 2026 10:03:56 -0400
Subject: [PATCH] Add copy under QR code to clarify where you will go  (#45654)

For the following quick win:
- https://github.com/fleetdm/fleet/issues/45655
---
 frontend/templates/enroll-ota.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/templates/enroll-ota.html b/frontend/templates/enroll-ota.html
index bee39c0473..981413f636 100644
--- a/frontend/templates/enroll-ota.html
+++ b/frontend/templates/enroll-ota.html
@@ -148,11 +148,24 @@
         font-weight: bold;
       }
 
+      .qr-subtext {
+        font-size: 11px;
+        font-weight: 400;
+        color: #8b8fa8;
+        text-align: left;
+        max-width: 208px;
+        margin-top: 8px;
+      }
+
+      .qr-container .qr-code {
+        margin-top: 24px;
+      }
+
       .qr-container {
         display: flex;
         flex-direction: column;
         align-items: center;
-        gap: 24px;
+        gap: 0;
         background-color: #f9fafc;
         padding: 24px;
         border: 1px solid #e2e4ea;
@@ -209,6 +222,7 @@
           <div class="qr-container">
             <p>Trying to enroll your mobile device?</p>
             <canvas class="qr-code"></canvas>
+            <p class="qr-subtext">Opens this page on your mobile device</p>
           </div>
         </section>
       </div>
@@ -404,6 +418,7 @@
           <div class="qr-container">
             <p>Trying to enroll your mobile device?</p>
             <canvas class="qr-code"></canvas>
+            <p class="qr-subtext">Opens this page on your mobile device</p>
           </div>
         </section>
       </div>