diff --git a/src/__snapshots__/storyshots.spec.js.snap b/src/__snapshots__/storyshots.spec.js.snap
index e5bb4d97ea..890e5f646b 100644
--- a/src/__snapshots__/storyshots.spec.js.snap
+++ b/src/__snapshots__/storyshots.spec.js.snap
@@ -16979,10 +16979,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -17087,10 +17087,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -17315,10 +17315,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -17536,10 +17536,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -17548,8 +17548,12 @@ label + .circuit-2 {
 }
 
 .circuit-3 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #DB4D4D;
 }
@@ -17636,10 +17640,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -17753,10 +17757,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -17869,10 +17873,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -17933,8 +17937,12 @@ label + .circuit-2 {
 }
 
 .circuit-3 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #47995A;
 }
@@ -18021,10 +18029,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -18101,8 +18109,12 @@ label + .circuit-2 {
 }
 
 .circuit-3 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #D8A413;
 }
@@ -18268,10 +18280,10 @@ label + .circuit-3 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -18416,10 +18428,10 @@ label + .circuit-3 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -18560,10 +18572,10 @@ label + .circuit-3 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -18709,10 +18721,10 @@ label + .circuit-3 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -18853,10 +18865,10 @@ label + .circuit-3 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -20155,10 +20167,10 @@ exports[`Storyshots Forms/Select Invalid 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -20167,8 +20179,12 @@ exports[`Storyshots Forms/Select Invalid 1`] = `
 }
 
 .circuit-5 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #DB4D4D;
 }
@@ -21444,10 +21460,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -21456,8 +21472,12 @@ label + .circuit-2 {
 }
 
 .circuit-3 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #DB4D4D;
 }
@@ -21707,10 +21727,10 @@ label + .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -21718,8 +21738,12 @@ label + .circuit-2 {
 }
 
 .circuit-3 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #D8A413;
 }
diff --git a/src/components/Input/__snapshots__/Input.spec.tsx.snap b/src/components/Input/__snapshots__/Input.spec.tsx.snap
index 335ff91d21..e3fbe31eee 100644
--- a/src/components/Input/__snapshots__/Input.spec.tsx.snap
+++ b/src/components/Input/__snapshots__/Input.spec.tsx.snap
@@ -286,10 +286,10 @@ label + .circuit-1 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
diff --git a/src/components/Select/__snapshots__/Select.spec.tsx.snap b/src/components/Select/__snapshots__/Select.spec.tsx.snap
index 38ba49d89c..9c8a1a67ff 100644
--- a/src/components/Select/__snapshots__/Select.spec.tsx.snap
+++ b/src/components/Select/__snapshots__/Select.spec.tsx.snap
@@ -651,10 +651,10 @@ select:not(:active) ~ .circuit-2 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
diff --git a/src/components/TextArea/__snapshots__/TextArea.spec.tsx.snap b/src/components/TextArea/__snapshots__/TextArea.spec.tsx.snap
index aa08ee63e3..1f69abf9aa 100644
--- a/src/components/TextArea/__snapshots__/TextArea.spec.tsx.snap
+++ b/src/components/TextArea/__snapshots__/TextArea.spec.tsx.snap
@@ -290,10 +290,10 @@ label + .circuit-1 {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
diff --git a/src/components/ValidationHint/ValidationHint.tsx b/src/components/ValidationHint/ValidationHint.tsx
index 976e15fa0a..c050ac4eb2 100644
--- a/src/components/ValidationHint/ValidationHint.tsx
+++ b/src/components/ValidationHint/ValidationHint.tsx
@@ -34,7 +34,7 @@ const baseStyles = ({ theme }: StyleProps) => css`
   label: validation-hint;
   ${textKilo({ theme })};
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   margin-top: ${theme.spacings.bit};
   color: ${theme.colors.n700};
   transition: color ${theme.transitions.default};
@@ -53,8 +53,10 @@ const iconStyles = (color: 'danger' | 'warning' | 'success') => (
   theme: Theme,
 ) => css`
   label: ${`validation-hint__icon--${color}`};
+  flex-shrink: 1;
   width: ${theme.iconSizes.kilo};
   height: ${theme.iconSizes.kilo};
+  margin-top: 0.15em;
   margin-right: ${theme.spacings.bit};
   color: ${theme.colors[color]};
 `;
diff --git a/src/components/ValidationHint/__snapshots__/ValidationHint.spec.tsx.snap b/src/components/ValidationHint/__snapshots__/ValidationHint.spec.tsx.snap
index 5ce631f858..1867b1308b 100644
--- a/src/components/ValidationHint/__snapshots__/ValidationHint.spec.tsx.snap
+++ b/src/components/ValidationHint/__snapshots__/ValidationHint.spec.tsx.snap
@@ -8,10 +8,10 @@ exports[`ValidationHint styles should render with default styles 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -33,10 +33,10 @@ exports[`ValidationHint styles should render with invalid styles 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -45,8 +45,12 @@ exports[`ValidationHint styles should render with invalid styles 1`] = `
 }
 
 .circuit-0 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #DB4D4D;
 }
@@ -96,10 +100,10 @@ exports[`ValidationHint styles should render with valid styles 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -107,8 +111,12 @@ exports[`ValidationHint styles should render with valid styles 1`] = `
 }
 
 .circuit-0 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #47995A;
 }
@@ -158,10 +166,10 @@ exports[`ValidationHint styles should render with warning styles 1`] = `
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
   margin-top: 4px;
   color: #5C656F;
   -webkit-transition: color 120ms ease-in-out;
@@ -169,8 +177,12 @@ exports[`ValidationHint styles should render with warning styles 1`] = `
 }
 
 .circuit-0 {
+  -webkit-flex-shrink: 1;
+  -ms-flex-negative: 1;
+  flex-shrink: 1;
   width: 16px;
   height: 16px;
+  margin-top: 0.15em;
   margin-right: 4px;
   color: #D8A413;
 }