diff --git a/src/ui/layout/PageLayout.scss b/src/ui/layout/PageLayout.scss
index d0aadbfe..8a5225f4 100644
--- a/src/ui/layout/PageLayout.scss
+++ b/src/ui/layout/PageLayout.scss
@@ -89,6 +89,13 @@
 
   &__title {
     width: calc(100% - 120px);
+    // Stack the breadcrumbs pill above the <h1> — Angular renders them
+    // in separate rows (page-layout.component.html:7-8). Without this,
+    // the inline-flex pill + block heading end up side-by-side because
+    // the parent is a plain block div.
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
   }
 
   &__title--fullwidth {