From 93d1d40e647ca6216677c6513d3c1ea03c9f145e Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Wed, 29 Apr 2026 15:42:37 +0100
Subject: [PATCH] fix(ui): refine plugin header spacing

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 .storybook/themes/spotify.css                 | 21 -------------------
 .../PluginHeader/PluginHeader.module.css      |  4 +++-
 2 files changed, 3 insertions(+), 22 deletions(-)

diff --git a/.storybook/themes/spotify.css b/.storybook/themes/spotify.css
index d22b1ef6aa..7a34299817 100644
--- a/.storybook/themes/spotify.css
+++ b/.storybook/themes/spotify.css
@@ -239,24 +239,3 @@
 
   --bui-ring: rgba(255, 255, 255, 0.2);
 }
-
-/*
- * Plugin header (@backstage/ui) and story shell header — kept at the bottom of
- * this file for easier scanning alongside other component overrides above.
- */
-[data-theme-name='spotify'] {
-  .bui-PluginHeader {
-    margin-top: var(--bui-space-4);
-  }
-
-  .bui-PluginHeaderToolbar {
-    height: 32px;
-  }
-
-  .bui-PluginHeaderTabsWrapper {
-    border: none;
-    background: none;
-    margin-left: 0;
-    margin-top: var(--bui-space-2);
-  }
-}
diff --git a/packages/ui/src/components/PluginHeader/PluginHeader.module.css b/packages/ui/src/components/PluginHeader/PluginHeader.module.css
index 41a31b78e4..d222dae965 100644
--- a/packages/ui/src/components/PluginHeader/PluginHeader.module.css
+++ b/packages/ui/src/components/PluginHeader/PluginHeader.module.css
@@ -20,6 +20,7 @@
   .bui-PluginHeader {
     margin-bottom: var(--bui-space-6);
     padding-inline: var(--bui-space-5);
+    margin-top: var(--bui-space-4);
   }
 
   .bui-PluginHeaderToolbar {
@@ -28,11 +29,12 @@
     align-items: center;
     justify-content: space-between;
     color: var(--bui-fg-primary);
-    height: 52px;
     border-bottom: solid 1px var(--bui-border-1);
+    padding-bottom: var(--bui-space-4);
 
     &[data-has-tabs] {
       border-bottom: none;
+      padding-bottom: var(--bui-space-1);
     }
   }