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;
   }
 }