diff --git a/core/themes/claro/css/components/tables.css b/core/themes/claro/css/components/tables.css
index 3e19f5e0c9e1650298236308a9e9cb7ee49e4ff5..36413d36bf12ec48ce7434b2c7625998c69f4159 100644
--- a/core/themes/claro/css/components/tables.css
+++ b/core/themes/claro/css/components/tables.css
@@ -212,7 +212,11 @@ td.is-active {
  */
 
 td > .form-item > .form-element,
-td > .ajax-new-content > .form-item > .form-element {
+td > .ajax-new-content > .form-item > .form-element,
+td > .form-item > .claro-autocomplete,
+td > .form-item > .claro-autocomplete > .form-element,
+td > .ajax-new-content > .form-item > .claro-autocomplete,
+td > .ajax-new-content > .form-item > .claro-autocomplete > .form-element {
   width: 100%;
 }
 
diff --git a/core/themes/claro/css/components/tables.pcss.css b/core/themes/claro/css/components/tables.pcss.css
index 49297999b5f7ac08f041921ca146f6596a795262..5275701f45b443a533f68c1b68862b29d9cc2df9 100644
--- a/core/themes/claro/css/components/tables.pcss.css
+++ b/core/themes/claro/css/components/tables.pcss.css
@@ -168,7 +168,11 @@ td.is-active {
  * This ignores the filter format select of the textarea editor.
  */
 td > .form-item > .form-element,
-td > .ajax-new-content > .form-item > .form-element {
+td > .ajax-new-content > .form-item > .form-element,
+td > .form-item > .claro-autocomplete,
+td > .form-item > .claro-autocomplete > .form-element,
+td > .ajax-new-content > .form-item > .claro-autocomplete,
+td > .ajax-new-content > .form-item > .claro-autocomplete > .form-element {
   width: 100%;
 }