diff --git a/src/app/layout/common/user/user.component.html b/src/app/layout/common/user/user.component.html
index c7960c95..dd986b0c 100644
--- a/src/app/layout/common/user/user.component.html
+++ b/src/app/layout/common/user/user.component.html
@@ -17,7 +17,7 @@
                 'bg-green-500': user.status === 'online',
                 'bg-amber-500': user.status === 'away',
                 'bg-red-500': user.status === 'busy',
-                'bg-gray-400': user.status === 'not-visible'
+                'bg-gray-400': user.status === 'not-visible',
             }"
         ></span>
     </span>
@@ -56,19 +56,19 @@
 
 <mat-menu class="user-status-menu" #userStatus="matMenu">
     <button mat-menu-item (click)="updateUserStatus('online')">
-        <span class="mr-3 h-4 w-4 rounded-full bg-green-500"></span>
+        <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-green-500"></span>
         <span>Online</span>
     </button>
     <button mat-menu-item (click)="updateUserStatus('away')">
-        <span class="mr-3 h-4 w-4 rounded-full bg-amber-500"></span>
+        <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-amber-500"></span>
         <span>Away</span>
     </button>
     <button mat-menu-item (click)="updateUserStatus('busy')">
-        <span class="mr-3 h-4 w-4 rounded-full bg-red-500"></span>
+        <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-red-500"></span>
         <span>Busy</span>
     </button>
     <button mat-menu-item (click)="updateUserStatus('not-visible')">
-        <span class="mr-3 h-4 w-4 rounded-full bg-gray-400"></span>
+        <span class="mr-3 inline-flex h-4 w-4 rounded-full bg-gray-400"></span>
         <span>Invisible</span>
     </button>
 </mat-menu>