diff --git a/src/app/layouts/navbar.component.html b/src/app/layouts/navbar.component.html
index 388c487e..f440e7de 100644
--- a/src/app/layouts/navbar.component.html
+++ b/src/app/layouts/navbar.component.html
@@ -38,9 +38,16 @@
       <li>
         <button
           [bitMenuTriggerFor]="accountMenu"
-          class="tw-border-0 tw-bg-transparent tw-text-contrast tw-opacity-70 hover:tw-opacity-90"
+          class="tw-border-0 tw-bg-transparent tw-text-contrast"
         >
-          <i class="bwi bwi-user-circle bwi-lg" aria-hidden="true"></i>
+          <app-avatar
+            *ngIf="name"
+            [data]="name"
+            [email]="email"
+            size="25"
+            fontSize="14"
+            [circle]="true"
+          ></app-avatar>
           <i class="bwi bwi-caret-down bwi-sm" aria-hidden="true"></i>
         </button>
         <bit-menu class="dropdown-menu" #accountMenu>