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 00000000000000..e2ac9f3b43f1de --- /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 4eea9e81f59831..e61676540a84bd 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(*) {