diff --git a/core/themes/claro/css/components/form.css b/core/themes/claro/css/components/form.css
index 8e8c937d2d..72ac34a18d 100644
--- a/core/themes/claro/css/components/form.css
+++ b/core/themes/claro/css/components/form.css
@@ -54,10 +54,10 @@ tr .form-item,
   display: inline-block;
   margin-top: 0;
   margin-bottom: 0;
+  vertical-align: middle;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
-  vertical-align: middle;
 }
 
 .form-item__label[for] {
diff --git a/core/themes/claro/css/components/form.pcss.css b/core/themes/claro/css/components/form.pcss.css
index a3f1a3bf15..0ff76834ec 100644
--- a/core/themes/claro/css/components/form.pcss.css
+++ b/core/themes/claro/css/components/form.pcss.css
@@ -42,10 +42,10 @@ tr .form-item,
   display: inline-block;
   margin-top: 0;
   margin-bottom: 0;
+  vertical-align: middle;
   font-size: inherit;
   font-weight: inherit;
   line-height: inherit;
-  vertical-align: middle;
 }
 .form-item__label[for] {
   cursor: pointer;