fix(web-components): ensure buttons with long text maintain center al…

…ignment (#31179) Co-authored-by: Christopher Holt <=>
microsoft · Apr 30, 2024 · ca13b76 · ca13b76
1 parent 554c8b9
commit ca13b76
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/change/@fluentui-web-components-1441c105-086f-424c-a9f3-9fbc8c070e50.json b/change/@fluentui-web-components-1441c105-086f-424c-a9f3-9fbc8c070e50.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "ensure buttons with long text maintain center alignment",
+  "packageName": "@fluentui/web-components",
+  "email": "=",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/button/button.styles.ts b/packages/web-components/src/button/button.styles.ts
@@ -72,6 +72,7 @@ export const styles = css`
     align-items: center;
     box-sizing: border-box;
     justify-content: center;
+    text-align: center;
     text-decoration-line: none;
     margin: 0;
     min-height: 32px;