Updated

src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx

@@ -44,7 +44,7 @@ const ValidationMessage: StatelessComponent<ValidationMessageProps> = props => {
   return (
     <div className={rootClassName} {...rest}>
       {color === "error" && (
-        <Icon size="xs" className={classes.icon}>
+        <Icon size="sm" className={classes.icon}>
           warning
         </Icon>
       )}

src/core/client/ui/components/ValidationMessage/__snapshots__/ValidationMessage.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`renders correctly 1`] = `
   className="ValidationMessage-root ValidationMessage-colorError custom"
 >
   <span
-    className="Icon-root ValidationMessage-icon Icon-xs"
+    className="Icon-root ValidationMessage-icon Icon-sm"
   >
     warning
   </span>