style(Checkbox): fix invalid, warning icon size when text wraps (#14515)

carbon-design-system · Aug 28, 2023 · d4fd614 · d4fd614
1 parent 2919b02
commit d4fd614
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/styles/scss/components/checkbox/_checkbox.scss b/packages/styles/scss/components/checkbox/_checkbox.scss
@@ -223,12 +223,13 @@
   .#{$prefix}--checkbox-group__validation-msg,
   .#{$prefix}--checkbox__validation-msg {
     display: none;
-    align-items: flex-end;
+    align-items: flex-start;
     margin-top: $spacing-02;
   }
 
   .#{$prefix}--checkbox__invalid-icon {
-    margin: 0 convert.to-rem(1px) 0 convert.to-rem(3px);
+    min-width: convert.to-rem(16px);
+    margin: convert.to-rem(1px) convert.to-rem(1px) 0 convert.to-rem(3px);
     fill: $support-error;
   }