diff --git a/change/@azure-communication-react-d4f2f781-4d16-4eb6-af75-d5c647c6ec99.json b/change/@azure-communication-react-d4f2f781-4d16-4eb6-af75-d5c647c6ec99.json new file mode 100644 index 00000000000..b6dc4a7a329 --- /dev/null +++ b/change/@azure-communication-react-d4f2f781-4d16-4eb6-af75-d5c647c6ec99.json @@ -0,0 +1,9 @@ +{ + "type": "patch", + "area": "fix", + "workstream": "Participant container", + "comment": "Fix bug where 'in this call' text is incorrectly wrapped inside h2 tag", + "packageName": "@azure/communication-react", + "email": "96077406+carocao-msft@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-composites/src/composites/common/ParticipantContainer.tsx b/packages/react-composites/src/composites/common/ParticipantContainer.tsx index c940904e6eb..33895575b27 100644 --- a/packages/react-composites/src/composites/common/ParticipantContainer.tsx +++ b/packages/react-composites/src/composites/common/ParticipantContainer.tsx @@ -71,12 +71,10 @@ export const ParticipantListWithHeading = (props: { const subheadingStyleThemed = useMemo( () => ({ root: { - h2: { - color: theme.palette.neutralSecondary, - margin: props.isMobile ? '0.5rem 1rem' : '0.5rem', - fontSize: theme.fonts.smallPlus.fontSize, - fontWeight: 'normal' - } + color: theme.palette.neutralSecondary, + margin: props.isMobile ? '0.5rem 1rem' : '0.5rem', + fontSize: theme.fonts.smallPlus.fontSize, + fontWeight: 'normal' } }), [theme.palette.neutralSecondary, theme.fonts.smallPlus.fontSize, props.isMobile] @@ -86,12 +84,10 @@ export const ParticipantListWithHeading = (props: { -

- {paneTitleTrampoline( - title ?? '', - /* @conditional-compile-remove(total-participant-count) */ totalParticipantCount - )} -

+ {paneTitleTrampoline( + title ?? '', + /* @conditional-compile-remove(total-participant-count) */ totalParticipantCount + )}
{(onClickHeadingMoreButton || (headingMoreButtonMenuProps?.items && headingMoreButtonMenuProps.items.length > 0)) && (