fix(fuselage): button min-width (#1029)

Co-authored-by: Douglas Fabris <devfabris@gmail.com>
RocketChat · Apr 17, 2023 · cde9a42 · cde9a42
1 parent e83ac08
commit cde9a42
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/fuselage/src/components/Button/Button.styles.scss b/packages/fuselage/src/components/Button/Button.styles.scss
@@ -5,6 +5,7 @@
 
 .rcx-button {
   @mixin with-rectangular-size($height, $padding-x, $line-height) {
+    min-width: calc(#{$height} * 2);
     padding: calc((#{$height} - #{$line-height}) / 2 - 2px)
       calc(#{$padding-x} - 2px);
     padding-block: calc((#{$height} - #{$line-height}) / 2 - 2px);
@@ -13,6 +14,7 @@
 
   @mixin with-squared-size($size) {
     width: $size;
+    min-width: $size;
     height: $size;
     padding: 0;