diff --git a/public/css/grocy.css b/public/css/grocy.css
index a860f329..c53bcab1 100755
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -389,6 +389,10 @@ tr.dtrg-group {
 	font-family: 'Font Awesome 5 Free';
 	font-weight: 900;
 }
+#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link.py-0:after,
+#mainNav .navbar-collapse .navbar-sidenav .nav-link-collapse.py-0:after {
+	padding-top: 8px;
+}
 
 #mainNav .navbar-collapse .navbar-sidenav > .nav-item > .nav-link,
 #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
diff --git a/views/layout/default.blade.php b/views/layout/default.blade.php
index 0382efbd..c39d5d2c 100644
--- a/views/layout/default.blade.php
+++ b/views/layout/default.blade.php
@@ -476,14 +476,14 @@
 			<ul class="navbar-nav ml-auto">
 				@if(GROCY_AUTHENTICATED === true && !GROCY_IS_EMBEDDED_INSTALL && GROCY_SHOW_AUTH_VIEWS)
 				<li class="nav-item dropdown">
-					<a class="nav-link dropdown-toggle discrete-link"
+					<a class="nav-link dropdown-toggle discrete-link @if(!empty(GROCY_USER_PICTURE_FILE_NAME)) py-0 @endif"
 						href="#"
 						data-toggle="dropdown">
 						@if(empty(GROCY_USER_PICTURE_FILE_NAME))
 						<i class="fas fa-user"></i>
 						@else
-						<img class="lazy rounded-circle mt-n1"
-							src="{{ $U('/files/userpictures/' . base64_encode(GROCY_USER_PICTURE_FILE_NAME) . '_' . base64_encode(GROCY_USER_PICTURE_FILE_NAME) . '?force_serve_as=picture&best_fit_width=16&best_fit_height=16') }}">
+						<img class="rounded-circle"
+							src="{{ $U('/files/userpictures/' . base64_encode(GROCY_USER_PICTURE_FILE_NAME) . '_' . base64_encode(GROCY_USER_PICTURE_FILE_NAME) . '?force_serve_as=picture&best_fit_width=32&best_fit_height=32') }}">
 						@endif
 						{{ GROCY_USER_USERNAME }}
 					</a>