diff --git a/src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx b/src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
index 031735a2b..cb6c844a4 100644
--- a/src/core/client/ui/components/ValidationMessage/ValidationMessage.tsx
+++ b/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>
       )}
diff --git a/src/core/client/ui/components/ValidationMessage/__snapshots__/ValidationMessage.spec.tsx.snap b/src/core/client/ui/components/ValidationMessage/__snapshots__/ValidationMessage.spec.tsx.snap
index b35ffdb4d..2a80be622 100644
--- a/src/core/client/ui/components/ValidationMessage/__snapshots__/ValidationMessage.spec.tsx.snap
+++ b/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>