From 05961f160aef991cca1ebf15d30390e2f64c0f33 Mon Sep 17 00:00:00 2001
From: Sudo-Ivan <ivan@quad4.io>
Date: Thu, 1 Jan 2026 23:36:25 -0600
Subject: [PATCH] style(LxmfUserIcon): update icon container styles to use
 rounded-full for improved aesthetics

---
 meshchatx/src/frontend/components/LxmfUserIcon.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/meshchatx/src/frontend/components/LxmfUserIcon.vue b/meshchatx/src/frontend/components/LxmfUserIcon.vue
index 3b5433d..9ac5f95 100644
--- a/meshchatx/src/frontend/components/LxmfUserIcon.vue
+++ b/meshchatx/src/frontend/components/LxmfUserIcon.vue
@@ -1,12 +1,12 @@
 <template>
     <div
         v-if="iconName"
-        class="p-2 rounded"
+        class="p-2 rounded-full"
         :style="{ color: iconForegroundColour, 'background-color': iconBackgroundColour }"
     >
         <MaterialDesignIcon :icon-name="iconName" :class="iconClass" />
     </div>
-    <div v-else class="bg-gray-200 dark:bg-zinc-700 text-gray-500 dark:text-gray-400 p-2 rounded">
+    <div v-else class="bg-gray-200 dark:bg-zinc-700 text-gray-500 dark:text-gray-400 p-2 rounded-full">
         <MaterialDesignIcon icon-name="account-outline" :class="iconClass" />
     </div>
 </template>