From f780a56e24b6d15ed14366f5ec942eff42c5babb Mon Sep 17 00:00:00 2001
From: Damiano Ferrari <34270884+ferraridamiano@users.noreply.github.com>
Date: Sun, 26 Jan 2025 14:51:46 +0100
Subject: [PATCH] fix(mobile): Misaligned text icon in circle avatar (#15683)

style(mobile): Use `DefaultTextStyle` for the text icon in `CircleAvatar`
---
 mobile/lib/widgets/common/user_circle_avatar.dart | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/mobile/lib/widgets/common/user_circle_avatar.dart b/mobile/lib/widgets/common/user_circle_avatar.dart
index 50da0096764ad..f90da6097b6cc 100644
--- a/mobile/lib/widgets/common/user_circle_avatar.dart
+++ b/mobile/lib/widgets/common/user_circle_avatar.dart
@@ -28,8 +28,7 @@ class UserCircleAvatar extends ConsumerWidget {
     final profileImageUrl =
         '${Store.get(StoreKey.serverEndpoint)}/users/${user.id}/profile-image?d=${Random().nextInt(1024)}';
 
-    final textIcon = Text(
-      user.name[0].toUpperCase(),
+    final textIcon = DefaultTextStyle(
       style: TextStyle(
         fontWeight: FontWeight.bold,
         fontSize: 12,
@@ -37,6 +36,7 @@ class UserCircleAvatar extends ConsumerWidget {
             ? Colors.black
             : Colors.white,
       ),
+      child: Text(user.name[0].toUpperCase()),
     );
     return CircleAvatar(
       backgroundColor: user.avatarColor.toColor(),