diff --git a/core/themes/claro/css/components/tables.css b/core/themes/claro/css/components/tables.css
index 1c9cea6f6dafcb93814fb3edd03b21c17fc9a0dc..2006d33a080939f8610d887aea81d08c8dd2c4d6 100644
--- a/core/themes/claro/css/components/tables.css
+++ b/core/themes/claro/css/components/tables.css
@@ -175,6 +175,21 @@ td.is-active {
  * This ignores the filter format select of the textarea editor.
  */
 
+td > .form-item {
+  display: flex;
+  align-items: center;
+}
+
+td > .form-item > .form-item__prefix {
+  margin-inline-end: var(--space-xs);
+  white-space: nowrap;
+}
+
+td > .form-item > .form-item__suffix {
+  margin-inline-start: var(--space-xs);
+  white-space: nowrap;
+}
+
 td > .form-item > .form-element,
 td > .ajax-new-content > .form-item > .form-element,
 td > .form-item > .claro-autocomplete,
diff --git a/core/themes/claro/css/components/tables.pcss.css b/core/themes/claro/css/components/tables.pcss.css
index 14a0388054a6d3d54b7faf88348133db47a0d953..5b65de4cef26249ce05ed746297577907d1debed 100644
--- a/core/themes/claro/css/components/tables.pcss.css
+++ b/core/themes/claro/css/components/tables.pcss.css
@@ -153,6 +153,21 @@ td {
  * This ignores the filter format select of the textarea editor.
  */
 td {
+  & > .form-item {
+    display: flex;
+    align-items: center;
+  }
+
+  & > .form-item > .form-item__prefix {
+    margin-inline-end: var(--space-xs);
+    white-space: nowrap;
+  }
+
+  & > .form-item > .form-item__suffix {
+    margin-inline-start: var(--space-xs);
+    white-space: nowrap;
+  }
+
   & > .form-item > .form-element,
   & > .ajax-new-content > .form-item > .form-element,
   & > .form-item > .claro-autocomplete,