diff --git a/resources/assets/src/styles/avatar.css b/resources/assets/src/styles/avatar.css
index a51556b8..2f3e15f4 100644
--- a/resources/assets/src/styles/avatar.css
+++ b/resources/assets/src/styles/avatar.css
@@ -1,7 +1,6 @@
 .bs-avatar {
   width: 2.1rem;
   height: 2.1rem;
-  margin-top: -8px;
   image-rendering: pixelated;
   border-radius: 2px;
   filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.3));
diff --git a/resources/views/shared/user-menu.twig b/resources/views/shared/user-menu.twig
index 58cc959e..5e728cf4 100644
--- a/resources/views/shared/user-menu.twig
+++ b/resources/views/shared/user-menu.twig
@@ -1,6 +1,6 @@
 <li class="nav-item dropdown user-menu">
-  <a href="#" class="nav-link" data-toggle="dropdown">
-    <img src="{{ avatar }}" class="bs-avatar mr-1" alt="User Image">
+  <a href="#" class="nav-link d-flex align-items-center" data-toggle="dropdown">
+    <img src="{{ avatar }}" class="bs-avatar mr-2" alt="User Image">
     <span class="d-none d-md-inline d-sm-block" data-mark="nickname">
       {{ user.nickname ?? user.email }}
     </span>
diff --git a/resources/views/shared/user-panel.twig b/resources/views/shared/user-panel.twig
index 8b0435f3..7b8619c2 100644
--- a/resources/views/shared/user-panel.twig
+++ b/resources/views/shared/user-panel.twig
@@ -1,7 +1,7 @@
 <div class="user-panel mt-3 mb-3 {{ badges|length > 0 ? 'pb-2' }}">
   <div class="d-flex">
     <div class="image">
-      <img src="{{ avatar }}" class="img-circle elevation-2" alt="User Image">
+      <img src="{{ avatar }}" class="bs-avatar" alt="User Image">
     </div>
     <div class="info">
       <a class="d-block" data-mark="nickname">{{ user.nickname ?? user.email }}</a>