diff --git a/appview/pages/templates/user/settings/keys.html b/appview/pages/templates/user/settings/keys.html
index a22ae5490..47c220503 100644
--- a/appview/pages/templates/user/settings/keys.html
+++ b/appview/pages/templates/user/settings/keys.html
@@ -98,6 +98,7 @@
       </span>
     </button>
   </div>
+  <div id="settings-keys-success" class="text-green-500 dark:text-green-400"></div>
   <div id="settings-keys" class="text-red-500 dark:text-red-400"></div>
 </form>
 {{ end }}
diff --git a/appview/pages/templates/user/settings/notifications.html b/appview/pages/templates/user/settings/notifications.html
index f3e476536..ed6138a36 100644
--- a/appview/pages/templates/user/settings/notifications.html
+++ b/appview/pages/templates/user/settings/notifications.html
@@ -180,8 +180,7 @@
         {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]:inline" }}
       </button>
     </div>
-    <div id="settings-notifications-success"></div>
-
-    <div id="settings-notifications-error" class="error"></div>
+    <div id="settings-notifications-success" class="text-green-500 dark:text-green-400"></div>
+    <div id="settings-notifications-error" class="text-red-500 dark:text-red-400"></div>
   </form>
 {{ end }}