diff --git a/core/themes/claro/css/components/form.css b/core/themes/claro/css/components/form.css
index c2ab325e92..b5bdddcb6a 100644
--- a/core/themes/claro/css/components/form.css
+++ b/core/themes/claro/css/components/form.css
@@ -79,6 +79,9 @@
 .form-item {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
+  max-width: 100%;
+  /* prevent visible overflow in IE 11 */
+  overflow: auto;
 }

 /**
diff --git a/core/themes/claro/css/components/form.pcss.css b/core/themes/claro/css/components/form.pcss.css
index a39ea94255..3d329ce6b1 100644
--- a/core/themes/claro/css/components/form.pcss.css
+++ b/core/themes/claro/css/components/form.pcss.css
@@ -19,6 +19,9 @@
 .form-item {
   margin-top: var(--space-l);
   margin-bottom: var(--space-l);
+  max-width: 100%;
+  /* prevent visible overflow in IE 11 */
+  overflow: auto;
 }
 /**
  * When a table row or a container-inline has a single form item, prevent it