diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss
index a59c4fa641..eb5f1e9aef 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/_styles.scss
@@ -32,3 +32,8 @@
     max-width: none;
   }
 }
+
+// this is used to format the long error message when uploading invalid keys
+.upload-profile-invalid-keys-error {
+  display: flex;
+}
diff --git a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/helpers.tsx b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/helpers.tsx
index 84d1922408..f1e10021a6 100644
--- a/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/helpers.tsx
+++ b/frontend/pages/ManageControlsPage/OSSettings/cards/CustomSettings/components/ProfileUploader/helpers.tsx
@@ -129,7 +129,7 @@ export const getErrorMessage = (err: AxiosResponse<IApiError>) => {
 
   if (apiReason.includes("Keys in declaration (DDM) profile")) {
     return (
-      <>
+      <div className="upload-profile-invalid-keys-error">
         <span>
           Couldn&apos;t add. Keys in declaration (DDM) profile must contain only
           letters and start with a uppercase letter. Keys in Android profile
@@ -141,7 +141,7 @@ export const getErrorMessage = (err: AxiosResponse<IApiError>) => {
           variant="flash-message-link"
           url="https://fleetdm.com/learn-more-about/how-to-craft-android-profile"
         />
-      </>
+      </div>
     );
   }