diff --git a/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss b/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss index 0e6330186c..c4145d0572 100644 --- a/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss +++ b/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss @@ -4,6 +4,10 @@ white-space: nowrap; } +.tooltipAvatarItemAvatar { + flex-shrink: 0; +} + .tooltipContainer { max-height: 300px; padding-right: var(--spacing-medium); diff --git a/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx b/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx index 8148f8f6d2..c4b779d19f 100644 --- a/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx +++ b/packages/core/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx @@ -141,6 +141,7 @@ export const avatarRenderer = ( type={type || avatarProps?.type} tabIndex={-1} size={Avatar.sizes.SMALL} + className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar} /> {!displayAsGrid && (