diff --git a/moku/static/css/moku.css b/moku/static/css/moku.css
index c0d1c47..173d967 100644
--- a/moku/static/css/moku.css
+++ b/moku/static/css/moku.css
@@ -83,7 +83,7 @@ a:hover, button.logout:hover {
 .profile h2 {
     font-size: 1.8rem;
     font-weight: bold;
-    margin-block-end: 1.2rem;
+    margin-block-end: .6rem;
     color: var(--orange);
 }
 
diff --git a/moku/templates/moku/profile/show.jinja b/moku/templates/moku/profile/show.jinja
index a640919..d8416bc 100644
--- a/moku/templates/moku/profile/show.jinja
+++ b/moku/templates/moku/profile/show.jinja
@@ -3,13 +3,13 @@
 {% block content %}
     <div class="grid-content">
         <aside class="profile">
-            <h2>@{{ profile.username }}</h2>
             <dl>
                 {% if profile.avatar %}
                     <div class="double">
                         <img src="{{ profile.avatar.url }}" alt="@{{ profile.username }}'s avatar" class="avatar">
                     </div>
                 {% endif %}
+                <h2 class="double">@{{ profile.username }}</h2>
                 <div>
                     <dt>{% trans %}pronouns{% endtrans %}</dt>
                     <dd>{{ profile.pronouns or "not set" }}</dd>