diff --git a/changelog.d/profile-error.fix b/changelog.d/profile-error.fix
new file mode 100644
index 000000000..f123db5ae
--- /dev/null
+++ b/changelog.d/profile-error.fix
@@ -0,0 +1 @@
+Fix error styling for user profiles
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index 4bb3f5214..f64da4a45 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -146,8 +146,13 @@
           {{ $t('settings.profile_tab') }}
         </h1>
       </div>
-      <div>
-        <span v-if="error">{{ error }}</span>
+      <div class="panel-body">
+        <div
+          v-if="error"
+          class="alert error"
+        >
+          <span class="error-message">{{ error }}</span>
+        </div>
         <FAIcon
           v-else
           spin
@@ -235,6 +240,16 @@
     align-items: center;
     padding: 7em;
   }
+
+  .alert {
+    padding: 0.75em 5em;
+    border-width: 2px;
+
+    .error-message {
+      color: var(--text);
+      font-weight: bold;
+    }
+  }
 }
 
 </style>