diff --git a/remarkbox_theme_meta/static/theme/meta/css/diff.css b/remarkbox_theme_meta/static/theme/meta/css/diff.css
index f859e56..9273407 100644
--- a/remarkbox_theme_meta/static/theme/meta/css/diff.css
+++ b/remarkbox_theme_meta/static/theme/meta/css/diff.css
@@ -73,6 +73,10 @@ button.link {
   padding-top: 30px;
 }
 
+.avatar-nav {
+  margin-right: 16px;
+}
+
 ol, ul {
     padding-left: 40px;
 }
diff --git a/remarkbox_theme_meta/templates/meta-base.j2 b/remarkbox_theme_meta/templates/meta-base.j2
index a1a7ed1..1c99e73 100644
--- a/remarkbox_theme_meta/templates/meta-base.j2
+++ b/remarkbox_theme_meta/templates/meta-base.j2
@@ -37,7 +37,8 @@
       <a class="navlink" href="https://faq.remarkbox.com">Faq</a>
       <a class="navlink" href="https://meta.remarkbox.com">Meta</a>
       {%- if request.user %}
-      {{ snippets.user_link(request.user, class='button') }}
+      {{ snippets.user_avatar_link(request.user, class="avatar-nav") }}
+
       <a class="button red" href="{{ request.app_url }}/setup">setup</a>
       {%- else %}
       <a class="navlink" href="{{ request.marketing_url }}#about">About</a>