From 0f496e019daccb29717bc3ef8d2ed12cf67b89b7 Mon Sep 17 00:00:00 2001
From: Leslie Xiong <lxiong@livefront.com>
Date: Fri, 30 Jan 2026 15:20:36 -0500
Subject: [PATCH] fixed account avatar vertical centering

---
 .../layout/account-switcher.component.html    |  1 +
 apps/desktop/src/scss/header.scss             | 38 ++-----------------
 2 files changed, 5 insertions(+), 34 deletions(-)

diff --git a/apps/desktop/src/app/layout/account-switcher.component.html b/apps/desktop/src/app/layout/account-switcher.component.html
index d72e88b2993..dabb48a6a46 100644
--- a/apps/desktop/src/app/layout/account-switcher.component.html
+++ b/apps/desktop/src/app/layout/account-switcher.component.html
@@ -1,5 +1,6 @@
 <ng-container *ngIf="view$ | async as view">
   <button
+    class="account-switcher"
     type="button"
     (click)="toggle()"
     cdkOverlayOrigin
diff --git a/apps/desktop/src/scss/header.scss b/apps/desktop/src/scss/header.scss
index 52b45e864c1..d704c4906f7 100644
--- a/apps/desktop/src/scss/header.scss
+++ b/apps/desktop/src/scss/header.scss
@@ -100,42 +100,12 @@
 }
 
 .account-switcher {
-  display: grid;
-  grid-template-columns: auto 1fr auto;
+  display: flex;
   align-items: center;
-  justify-items: center;
-  padding: 0 10px;
-  height: 100%;
-  user-select: none;
 
-  border: none;
-  background: transparent;
-  width: auto;
-
-  @include themify($themes) {
-    color: themed("accountSwitcherTextColor");
-  }
-
-  img {
-    display: block;
-  }
-
-  .active-account {
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    text-align: left;
-
-    div {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    span {
-      font-size: $font-size-small;
-    }
+  span {
+    display: flex;
+    align-items: center;
   }
 }