From 3c4749e70989aefa1cae956c981d38a8f87fe65a Mon Sep 17 00:00:00 2001
From: Pleroma User <66706-pleromian@users.noreply.git.pleroma.social>
Date: Thu, 8 May 2025 14:49:05 +0000
Subject: [PATCH] Fix user profile error styling

---
 changelog.d/profile-error.fix                |  1 +
 src/components/user_profile/user_profile.vue | 19 +++++++++++++++++--
 2 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 changelog.d/profile-error.fix

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>