diff --git a/core/themes/claro/css/components/tables.css b/core/themes/claro/css/components/tables.css
index aac1a6bd13dc1872d8ac9077484ef78749896af2..1dce46bd4602a20ee4514b52c8eed466acf5d65c 100644
--- a/core/themes/claro/css/components/tables.css
+++ b/core/themes/claro/css/components/tables.css
@@ -30,6 +30,7 @@ th {
   height: var(--space-xl);
   padding: var(--space-xs) var(--space-m);
   text-align: start;
+  vertical-align: top;
   color: var(--color-text);
   background: var(--color-gray-050);
   line-height: 1.25rem; /* 20px */
@@ -162,6 +163,7 @@ td {
   height: 4rem;
   padding: var(--space-xs) var(--space-m);
   text-align: start;
+  vertical-align: top;
 }
 
 td .item-list ul {
diff --git a/core/themes/claro/css/components/tables.pcss.css b/core/themes/claro/css/components/tables.pcss.css
index 14a0388054a6d3d54b7faf88348133db47a0d953..faef4934e55e00d1985301a27f86eecd09cbe370 100644
--- a/core/themes/claro/css/components/tables.pcss.css
+++ b/core/themes/claro/css/components/tables.pcss.css
@@ -23,6 +23,7 @@ th {
   height: var(--space-xl);
   padding: var(--space-xs) var(--space-m);
   text-align: start;
+  vertical-align: top;
   color: var(--color-text);
   background: var(--color-gray-050);
   line-height: 1.25rem; /* 20px */
@@ -138,6 +139,7 @@ td {
   height: 4rem;
   padding: var(--space-xs) var(--space-m);
   text-align: start;
+  vertical-align: top;
 
   & .item-list ul {
     margin: 0;