diff --git a/core/themes/claro/css/components/form--text.css b/core/themes/claro/css/components/form--text.css
index a5be26a6bd6..3374d230ae4 100644
--- a/core/themes/claro/css/components/form--text.css
+++ b/core/themes/claro/css/components/form--text.css
@@ -130,13 +130,12 @@
   .form-element {
     float: none;
     width: 100%;
-    margin-top: 0.75rem;
-    margin-right: 0;
-    margin-left: 0;
+    margin-block-start: 0.75rem;
+    margin-inline: 0;
   }
   .form-element:first-child,
   .form-item__label + .form-element {
-    margin-top: 0;
+    margin-block-start: 0;
   }
 }
 
diff --git a/core/themes/claro/css/components/form--text.pcss.css b/core/themes/claro/css/components/form--text.pcss.css
index 4945b4ea623..1576960e206 100644
--- a/core/themes/claro/css/components/form--text.pcss.css
+++ b/core/themes/claro/css/components/form--text.pcss.css
@@ -108,13 +108,12 @@
   .form-element {
     float: none;
     width: 100%;
-    margin-top: 0.75rem;
-    margin-right: 0;
-    margin-left: 0;
+    margin-block-start: 0.75rem;
+    margin-inline: 0;
   }
   .form-element:first-child,
   .form-item__label + .form-element {
-    margin-top: 0;
+    margin-block-start: 0;
   }
 }