diff --git a/apps/frontpage/app/docs/layout.tsx b/apps/frontpage/app/docs/layout.tsx
index f72295c9..258c0303 100644
--- a/apps/frontpage/app/docs/layout.tsx
+++ b/apps/frontpage/app/docs/layout.tsx
@@ -31,8 +31,9 @@ export default async function Layout({ children }: { children: ReactNode }) {
       />
       <Image
         alt="Storybook Docs"
+        className="absolute left-0 top-0 -z-10 w-full"
         // TODO: 40px is height of eyebrow. Find way to not hard-code this.
-        className="absolute left-0 top-[40px] -z-10 w-full"
+        // className="absolute left-0 top-[40px] -z-10 w-full"
         height={339}
         priority
         src="/bubbles.png"
diff --git a/packages/ui/src/header/index.tsx b/packages/ui/src/header/index.tsx
index 50651bcc..f95e8099 100644
--- a/packages/ui/src/header/index.tsx
+++ b/packages/ui/src/header/index.tsx
@@ -9,7 +9,7 @@ import { StorybookLogo } from '../logos/storybook-logo';
 import { Search } from '../search';
 import { MobileMenu } from './mobile-menu';
 import { Button } from './button';
-import { Eyebrow } from './eyebrow';
+// import { Eyebrow } from './eyebrow';
 import { nav } from './nav';
 
 export interface HeaderProps {
@@ -22,13 +22,13 @@ export interface HeaderProps {
 
 export const Header: FC<HeaderProps> = ({
   algoliaApiKey,
-  // eyebrow,
-  eyebrow = (
-    <Eyebrow
-      href="https://storybook.js.org/sb-test-eap"
-      title="Join live session: Test your components in browser with Storybook Test"
-    />
-  ),
+  eyebrow,
+  // eyebrow = (
+  //   <Eyebrow
+  //     href="https://storybook.js.org/sb-test-eap"
+  //     title="Join live session: Test your components in browser with Storybook Test"
+  //   />
+  // ),
   githubCount = 0,
   subMenu,
   variant = 'system',