From 9153baa969c5a92abb0fc08f02177b161ddcaf4e Mon Sep 17 00:00:00 2001 From: Ariella Gilmore Date: Wed, 19 Jul 2023 10:50:44 -0700 Subject: [PATCH] fix(ghost-button): icon alignment for larger sizes (#10708) * fix(ghost-button): icon alignment for larger sizes * fix(button): format --------- Co-authored-by: Anna Wen <54281166+annawen1@users.noreply.github.com> --- .../src/components/button/button.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/web-components/packages/carbon-web-components/src/components/button/button.scss b/web-components/packages/carbon-web-components/src/components/button/button.scss index f6f8262d8018..17b2835d8d7a 100644 --- a/web-components/packages/carbon-web-components/src/components/button/button.scss +++ b/web-components/packages/carbon-web-components/src/components/button/button.scss @@ -110,3 +110,10 @@ $css--plex: true !default; :host(#{$prefix}-button-set[stacked]) { @extend .#{$prefix}--btn-set--stacked; } + +//TODO: remove once we are able to upgrade @carbon/styles to include https://github.com/carbon-design-system/carbon/pull/13287 +.#{$prefix}--btn--xl:not(.#{$prefix}--btn--icon-only), +.#{$prefix}--btn--2xl:not(.#{$prefix}--btn--icon-only) { + align-items: start; + padding: $button-padding-ghost; +}