diff --git a/core/themes/claro/css/components/page-title.css b/core/themes/claro/css/components/page-title.css
index fcb0d7e923..047bdc4aeb 100644
--- a/core/themes/claro/css/components/page-title.css
+++ b/core/themes/claro/css/components/page-title.css
@@ -18,20 +18,20 @@
   margin-bottom: var(--space-l);
 }
 
-/**
- * There are use cases where page title is not rendered as a block ¯\_(ツ)_/¯.
- *
- * @see Drupal\system\Controller\BatchController::batchPage()
- */
-
-.region-header > .page-title {
-  margin-top: var(--breadcrumb-height);
-  margin-bottom: var(--space-l);
-}
-
 .page-title {
   display: inline-block;
   margin: 0;
   font-size: var(--font-size-h1);
   -webkit-font-smoothing: antialiased;
+
+  /**
+   * There are use cases where page title is not rendered as a block ¯\_(ツ)_/¯.
+   *
+   * @see Drupal\system\Controller\BatchController::batchPage()
+   */
+}
+
+.region-header > .page-title {
+  margin-top: var(--breadcrumb-height);
+  margin-bottom: var(--space-l);
 }
diff --git a/core/themes/claro/css/components/page-title.pcss.css b/core/themes/claro/css/components/page-title.pcss.css
index d5728d5c88..7b66d31335 100644
--- a/core/themes/claro/css/components/page-title.pcss.css
+++ b/core/themes/claro/css/components/page-title.pcss.css
@@ -5,20 +5,10 @@
 
 .block-page-title-block {
   margin-bottom: var(--space-s);
-}
-
-.block-page-title-block:last-child {
-  margin-bottom: var(--space-l);
-}
 
-/**
- * There are use cases where page title is not rendered as a block ¯\_(ツ)_/¯.
- *
- * @see Drupal\system\Controller\BatchController::batchPage()
- */
-.region-header > .page-title {
-  margin-top: var(--breadcrumb-height);
-  margin-bottom: var(--space-l);
+  &:last-child {
+    margin-bottom: var(--space-l);
+  }
 }
 
 .page-title {
@@ -26,4 +16,14 @@
   margin: 0;
   font-size: var(--font-size-h1);
   -webkit-font-smoothing: antialiased;
+
+  /**
+   * There are use cases where page title is not rendered as a block ¯\_(ツ)_/¯.
+   *
+   * @see Drupal\system\Controller\BatchController::batchPage()
+   */
+  @nest .region-header > & {
+    margin-top: var(--breadcrumb-height);
+    margin-bottom: var(--space-l);
+  }
 }