Update FormControl ValidationIcon position (#6908)

llastflowers · web-flow · commit af288e632c04 · 2025-09-26T21:01:10.000Z
diff --git a/.changeset/pretty-emus-cover.md b/.changeset/pretty-emus-cover.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+update FormControl ValidationIcon position
diff --git a/packages/react/src/internal/components/InputValidation.module.css b/packages/react/src/internal/components/InputValidation.module.css
@@ -20,8 +20,8 @@
 }
 
 .ValidationIcon {
-  align-items: center;
   display: flex;
+  margin-top: var(--base-size-2);
   margin-inline-end: var(--base-size-4);
   min-height: var(--inputValidation-iconSize);
 }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/react": patch
 +---
++
 +update FormControl ValidationIcon position
Original file line number	Diff line number	Diff line change
`@@ -20,8 +20,8 @@`
`20`	`20`	`}`
`21`	`21`
`22`	`22`	`.ValidationIcon {`
`23`		`- align-items: center;`
`24`	`23`	`display: flex;`
	`24`	`+ margin-top: var(--base-size-2);`
`25`	`25`	`margin-inline-end: var(--base-size-4);`
`26`	`26`	`min-height: var(--inputValidation-iconSize);`
`27`	`27`	`}`