diff --git a/packages/components/src/FormField/FormField.module.css b/packages/components/src/FormField/FormField.module.css
index 2234b06db4..968fbcdf90 100644
--- a/packages/components/src/FormField/FormField.module.css
+++ b/packages/components/src/FormField/FormField.module.css
@@ -71,6 +71,7 @@
 .horizontalWrapper {
   display: flex;
   height: var(--field--height);
+  align-items: center;
   flex: 1;
 }
 
diff --git a/packages/components/src/FormField/components/ClearAction.module.css b/packages/components/src/FormField/components/ClearAction.module.css
index b1250b2503..f18cfeb944 100644
--- a/packages/components/src/FormField/components/ClearAction.module.css
+++ b/packages/components/src/FormField/components/ClearAction.module.css
@@ -12,7 +12,6 @@
   cursor: pointer;
   justify-content: center;
   align-items: center;
-  transform: translateY(50%);
 }
 
 .clearInput:focus {