diff --git a/packages/components/src/FormField/FormField.module.css b/packages/components/src/FormField/FormField.module.css
index 968fbcdf90..2234b06db4 100644
--- a/packages/components/src/FormField/FormField.module.css
+++ b/packages/components/src/FormField/FormField.module.css
@@ -71,7 +71,6 @@
 .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 f18cfeb944..b1250b2503 100644
--- a/packages/components/src/FormField/components/ClearAction.module.css
+++ b/packages/components/src/FormField/components/ClearAction.module.css
@@ -12,6 +12,7 @@
   cursor: pointer;
   justify-content: center;
   align-items: center;
+  transform: translateY(50%);
 }
 
 .clearInput:focus {