diff --git a/app/views/settings/_user_avatar.html.erb b/app/views/settings/_user_avatar.html.erb
index 67da90cdc..d4a9352d8 100644
--- a/app/views/settings/_user_avatar.html.erb
+++ b/app/views/settings/_user_avatar.html.erb
@@ -1,7 +1,8 @@
 <%# locals: (avatar_url: nil, initials: "U", lazy: false) %>
 
-<% if avatar_url.present? %>
-  <%= image_tag avatar_url, class: "rounded-full w-full h-full object-cover", loading: lazy ? "lazy" : "eager" %>
-<% else %>
-  <div class="w-full h-full bg-surface-inset hover:bg-surface-inset-hover text-secondary rounded-full flex items-center justify-center text-lg uppercase"><%= initials %></div>
-<% end %>
+<div class="w-full h-full bg-surface-inset hover:bg-surface-inset-hover text-secondary rounded-full flex items-center justify-center text-lg uppercase relative">
+  <%= initials %>
+  <% if avatar_url.present? %>
+    <%= image_tag avatar_url, class: "absolute inset-0 rounded-full w-full h-full object-cover", loading: lazy ? "lazy" : "eager" %>
+  <% end %>
+</div>