diff --git a/core/themes/claro/css/components/tabs.css b/core/themes/claro/css/components/tabs.css
index 99738daae0625b4572bd4babb5cc5d7f361aa626..523d3c604084c727cf310a59de28c5bac38bb4b3 100644
--- a/core/themes/claro/css/components/tabs.css
+++ b/core/themes/claro/css/components/tabs.css
@@ -182,6 +182,7 @@
   }
   .is-horizontal .tabs {
     flex-direction: row;
+    align-items: flex-end;
     width: auto;
     margin: 0;
     border: 0;
diff --git a/core/themes/claro/css/components/tabs.pcss.css b/core/themes/claro/css/components/tabs.pcss.css
index f34c438979f1f161170246ff595fceb9012668b0..6e89d17441242e979d2aa2ee07262cd7a900b9df 100644
--- a/core/themes/claro/css/components/tabs.pcss.css
+++ b/core/themes/claro/css/components/tabs.pcss.css
@@ -164,6 +164,7 @@
   .is-horizontal {
     & .tabs {
       flex-direction: row;
+      align-items: flex-end;
       width: auto;
       margin: 0;
       border: 0;