From 5081bcc4fa9ee9634e4049ddfcaf5bb386fd9247 Mon Sep 17 00:00:00 2001 From: Johan Persson Date: Wed, 25 Mar 2026 11:41:15 +0100 Subject: [PATCH] fix(ui): prevent Avatar from shrinking in flex layouts Signed-off-by: Johan Persson --- .changeset/fix-avatar-flex-shrink.md | 7 +++++++ packages/ui/src/components/Avatar/Avatar.module.css | 1 + 2 files changed, 8 insertions(+) create mode 100644 .changeset/fix-avatar-flex-shrink.md diff --git a/.changeset/fix-avatar-flex-shrink.md b/.changeset/fix-avatar-flex-shrink.md new file mode 100644 index 0000000000..161a2327b6 --- /dev/null +++ b/.changeset/fix-avatar-flex-shrink.md @@ -0,0 +1,7 @@ +--- +'@backstage/ui': patch +--- + +Fixed `Avatar` becoming elliptical in flex layouts by preventing it from shrinking. + +**Affected components:** Avatar diff --git a/packages/ui/src/components/Avatar/Avatar.module.css b/packages/ui/src/components/Avatar/Avatar.module.css index 56c68c7100..1d0c4913be 100644 --- a/packages/ui/src/components/Avatar/Avatar.module.css +++ b/packages/ui/src/components/Avatar/Avatar.module.css @@ -30,6 +30,7 @@ font-size: 1rem; line-height: 1; overflow: hidden; + flex-shrink: 0; height: 2rem; width: 2rem; }