From 4dfd2f1284d0088553aef1aa892a2df687e54e45 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 21 Apr 2026 08:55:53 +0100
Subject: [PATCH] revert(ui): restore Container wrapper on Header

Reverting the full-width change as it is too disruptive at this time
and will be handled in a separate PR.

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 packages/ui/src/components/Header/Header.stories.tsx | 3 +++
 packages/ui/src/components/Header/Header.tsx         | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/components/Header/Header.stories.tsx b/packages/ui/src/components/Header/Header.stories.tsx
index 77994ab4d9..59e5cf254d 100644
--- a/packages/ui/src/components/Header/Header.stories.tsx
+++ b/packages/ui/src/components/Header/Header.stories.tsx
@@ -28,6 +28,9 @@ import { RiMore2Line } from '@remixicon/react';
 const meta = preview.meta({
   title: 'Backstage UI/Header',
   component: Header,
+  parameters: {
+    layout: 'fullscreen',
+  },
 });
 
 const tabs: HeaderNavTabItem[] = [
diff --git a/packages/ui/src/components/Header/Header.tsx b/packages/ui/src/components/Header/Header.tsx
index 67be3eb6bd..f70423fdd6 100644
--- a/packages/ui/src/components/Header/Header.tsx
+++ b/packages/ui/src/components/Header/Header.tsx
@@ -20,6 +20,7 @@ import { RiArrowRightSLine } from '@remixicon/react';
 import { HeaderNav } from './HeaderNav';
 import { useDefinition } from '../../hooks/useDefinition';
 import { HeaderDefinition } from './definition';
+import { Container } from '../Container';
 import { Link } from '../Link';
 import { Fragment } from 'react/jsx-runtime';
 
@@ -87,7 +88,7 @@ export const Header = (props: HeaderProps) => {
   } = ownProps;
 
   return (
-    <div className={classes.root}>
+    <Container className={classes.root}>
       {tags && tags.length > 0 && (
         <div className={classes.tags}>
           {tags.map((tag, i) => (
@@ -166,7 +167,7 @@ export const Header = (props: HeaderProps) => {
           <HeaderNav tabs={tabs} activeTabId={activeTabId} />
         </div>
       )}
-    </div>
+    </Container>
   );
 };