sp-row-card width inadvertently extended to the right of the screen (previously just fits with the width)

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

Declarative list formatting

Developer environment

None

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• browser version
• SPFx version
• Node.js version
• etc

Describe the bug / error

When the card was functional and not stretched out to the right of the screen: https://github.com/z3019494/List-Formatting/blob/master/view-samples/student-class-learning-tracker/assets/screenshot.gif

In recent days:
https://hvpslam-my.sharepoint.com/:v:/g/personal/hubert_lamfamily_info/EUnK-iJxP7dMp4tNsGDl_Y4B1GUf83RBV3a6p8RBVbSQbw?e=uMr9ct

Steps to reproduce

On an existing list where sp-row-card has been used to format the list, the horizontal scrollbar is visible and scrollable to the right, when the card itself should not be exceeding the width of the screen.

Expected behavior

Card width should not exceed the width of the screen