diff --git a/core/themes/claro/css/components/form.css b/core/themes/claro/css/components/form.css
index 917dedab7c..0a0ff833a8 100644
--- a/core/themes/claro/css/components/form.css
+++ b/core/themes/claro/css/components/form.css
@@ -79,6 +79,7 @@
 .form-item {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
+  max-width: 100%;
 }
 
 /**
diff --git a/core/themes/claro/css/components/form.pcss.css b/core/themes/claro/css/components/form.pcss.css
index 9ff2ac3b19..0d51ca05f1 100644
--- a/core/themes/claro/css/components/form.pcss.css
+++ b/core/themes/claro/css/components/form.pcss.css
@@ -19,6 +19,7 @@
 .form-item {
   margin-top: var(--space-l);
   margin-bottom: var(--space-l);
+  max-width: 100%;
 }
 /**
  * When a table row or a container-inline has a single form item, prevent it
diff --git a/core/themes/claro/css/components/views-exposed-form.css b/core/themes/claro/css/components/views-exposed-form.css
index 1ba2cc82a0..35366fb0bd 100644
--- a/core/themes/claro/css/components/views-exposed-form.css
+++ b/core/themes/claro/css/components/views-exposed-form.css
@@ -95,6 +95,7 @@ rgba(0, 0, 0, 0.1);
 
 .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
   margin-right: 1rem; /* LTR */
+  overflow-x: auto;
 }
 
 [dir="rtl"] .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
diff --git a/core/themes/claro/css/components/views-exposed-form.pcss.css b/core/themes/claro/css/components/views-exposed-form.pcss.css
index 994163730d..59d4a632e9 100644
--- a/core/themes/claro/css/components/views-exposed-form.pcss.css
+++ b/core/themes/claro/css/components/views-exposed-form.pcss.css
@@ -42,6 +42,7 @@
 
 .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
   margin-right: var(--space-m); /* LTR */
+  overflow-x: auto;
 }
 [dir="rtl"] .views-exposed-form__item--preceding-actions.views-exposed-form__item--preceding-actions {
   margin-right: 0;