fix(ghost-button): icon alignment for larger sizes (carbon-design-sys…

…tem#10708) * fix(ghost-button): icon alignment for larger sizes * fix(button): format --------- Co-authored-by: Anna Wen <[email protected]>
kennylam · Jul 19, 2023 · 9153baa · 9153baa
1 parent 64b9a9d
commit 9153baa
Showing 1 changed file with 7 additions and 0 deletions.
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
@@ -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;
+}