From 33991f4e22baf51e4f10ba2b718c8fdebab4ed2f Mon Sep 17 00:00:00 2001
From: Bergasha <bergasha@gmail.com>
Date: Wed, 19 Aug 2026 13:31:33 +1000
Subject: [PATCH] Added flexShrink to the session avatar so it stops getting
 squished in a tight row

---
 packages/widgets/src/media-server/component.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/widgets/src/media-server/component.tsx b/packages/widgets/src/media-server/component.tsx
index 238ced5fc..0e05b6394 100644
--- a/packages/widgets/src/media-server/component.tsx
+++ b/packages/widgets/src/media-server/component.tsx
@@ -315,7 +315,7 @@ export default function MediaServerWidget({
                   {columnVisibility.user && (
                     <Table.Td>
                       <Group gap="xs" wrap="nowrap" w="100%">
-                        <Avatar size={28} src={session.user?.profilePictureUrl} />
+                        <Avatar size={28} src={session.user?.profilePictureUrl} style={{ flexShrink: 0 }} />
                         <Stack gap={2} className={classes.cellContent}>
                           <Text size="xs" truncate>
                             {session.user?.username ?? t("items.unknownUser")}