diff --git a/src/app/components/message/layout/layout.css.ts b/src/app/components/message/layout/layout.css.ts index 50a1af20..690095b2 100644 --- a/src/app/components/message/layout/layout.css.ts +++ b/src/app/components/message/layout/layout.css.ts @@ -585,9 +585,9 @@ globalStyle(`${StreamName} > *`, { // its centre) doesn't shift; the fill spans the line height. export const StreamNamePeerBubble = style({ backgroundColor: color.Surface.Container, - // Slightly larger rounding than the message bubble (user request) + wider - // horizontal padding to match the taller chip. - borderRadius: toRem(9), + // Same rounding as the message bubble (user request); wider horizontal + // padding to match the taller chip. + borderRadius: StreamBubbleRadius, paddingLeft: toRem(11), paddingRight: toRem(11), });