fix: selectors: fix selectors getting squished in certain scenarios

EightfoldAI · Aug 12, 2022 · 731ce36 · 731ce36
1 parent 008f3bd
commit 731ce36
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/CheckBox/checkbox.module.scss b/src/components/CheckBox/checkbox.module.scss
@@ -31,12 +31,14 @@
                 border: $space-xxxs solid var(--grey-color-70);
                 border-radius: $corner-radius-xs;
                 height: $checkmark-medium-height;
+                width: $checkmark-medium-width;
+                min-height: $checkmark-medium-height;
+                min-width: $checkmark-medium-width;
                 left: 0;
                 position: relative;
                 top: 0;
                 transition: all $motion-duration-extra-fast $motion-ease-in-back
                     $motion-delay-s;
-                width: $checkmark-medium-width;
 
                 &:after {
                     border: solid var(--primary-color);

diff --git a/src/components/RadioButton/radio.module.scss b/src/components/RadioButton/radio.module.scss
@@ -27,11 +27,12 @@
                 border: $space-xxxs solid var(--grey-color-70);
                 border-radius: 50%;
                 height: $radio-medium-height;
+                width: $radio-medium-width;
+                min-height: $radio-medium-height;
                 min-width: $radio-medium-width;
                 position: relative;
                 transition: all $motion-duration-extra-fast $motion-ease-in-back
                     $motion-delay-s;
-                width: $radio-medium-width;
 
                 &:after {
                     top: $radio-medium-after-top;