From 8647b5c7624ee1e5e5709e9428a11ec0164d362c Mon Sep 17 00:00:00 2001
From: Sercan Yemen <117369+srcn@users.noreply.github.com>
Date: Mon, 3 Jun 2024 09:36:53 +0300
Subject: [PATCH] (layout/user) Fix: Menu status color icons not showing up

---
 src/app/layout/common/user/user.component.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

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>