From 1964e7ce05f25771f4a476ec6b2fdbfb3d5e4bf7 Mon Sep 17 00:00:00 2001 From: jibin jose Date: Sat, 15 Aug 2026 00:35:22 +0530 Subject: [PATCH] fix(web-components): align MessageBar multiline dismiss button (#36547) Co-authored-by: Chris Holt <13071055+chrisdholt@users.noreply.github.com> --- ...eb-components-5ceb07c6-c107-4b38-9f71-d5a4923fe23e.json | 7 +++++++ .../web-components/src/message-bar/message-bar.styles.ts | 1 - 2 files changed, 7 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-web-components-5ceb07c6-c107-4b38-9f71-d5a4923fe23e.json diff --git a/change/@fluentui-web-components-5ceb07c6-c107-4b38-9f71-d5a4923fe23e.json b/change/@fluentui-web-components-5ceb07c6-c107-4b38-9f71-d5a4923fe23e.json new file mode 100644 index 0000000000000..e2ac9f3b43f1d --- /dev/null +++ b/change/@fluentui-web-components-5ceb07c6-c107-4b38-9f71-d5a4923fe23e.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: remove padding-block-start in multiline dismiss slot to fix alignment", + "packageName": "@fluentui/web-components", + "email": "jibinjose884@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/web-components/src/message-bar/message-bar.styles.ts b/packages/web-components/src/message-bar/message-bar.styles.ts index 4eea9e81f5983..e61676540a84b 100644 --- a/packages/web-components/src/message-bar/message-bar.styles.ts +++ b/packages/web-components/src/message-bar/message-bar.styles.ts @@ -117,7 +117,6 @@ export const styles: ElementStyles = css` :host([layout='multiline']) ::slotted([slot='dismiss']) { align-items: start; height: 100%; - padding-block-start: ${spacingVerticalS}; } ::slotted(*) {