From 515ad05c5f98c3e7804f191933a27c0a45883ae8 Mon Sep 17 00:00:00 2001
From: Justin Mclean <justinmclean@apache.org>
Date: Wed, 9 Sep 2026 10:54:25 +1000
Subject: [PATCH 1/2] Fix the logo aspect ratio

The declared width and height did not match the image files, which are
1951x652. The nav and brand kit logos were stretched to a 5:1 box.
---
 src/app/(site)/community/brand-kit/page.tsx | 2 +-
 src/components/logo.tsx                     | 2 +-
 src/lib/layout.shared.tsx                   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(site)/community/brand-kit/page.tsx b/src/app/(site)/community/brand-kit/page.tsx
index d178b22e6..82c9e5ce4 100644
--- a/src/app/(site)/community/brand-kit/page.tsx
+++ b/src/app/(site)/community/brand-kit/page.tsx
@@ -68,7 +68,7 @@ export default function BrandKitPage() {
                 src={asset.src}
                 alt={asset.title}
                 width={220}
-                height={72}
+                height={73}
                 className="max-h-20 w-auto object-contain"
                 unoptimized
               />
diff --git a/src/components/logo.tsx b/src/components/logo.tsx
index d5e5b6933..c8354c9a0 100644
--- a/src/components/logo.tsx
+++ b/src/components/logo.tsx
@@ -41,7 +41,7 @@ export function Logo({ className }: { className?: string }) {
       src={src}
       alt="Apache Iggy"
       width={220}
-      height={44}
+      height={73}
       className={className}
       unoptimized
     />
diff --git a/src/lib/layout.shared.tsx b/src/lib/layout.shared.tsx
index 590933a06..1c474294e 100644
--- a/src/lib/layout.shared.tsx
+++ b/src/lib/layout.shared.tsx
@@ -83,7 +83,7 @@ export function homeOptions(): BaseLayoutProps {
           src="/img/apache-iggy-color-darkbg0.5x.png"
           alt="Apache Iggy"
           width={240}
-          height={48}
+          height={80}
           className="h-10 w-auto md:h-12"
           unoptimized
         />

From 56d96d69521b471db9df7f8400541ba882c3a38d Mon Sep 17 00:00:00 2001
From: Justin Mclean <justinmclean@apache.org>
Date: Wed, 9 Sep 2026 11:06:48 +1000
Subject: [PATCH 2/2] stopped the corner logo from shrinking

---
 src/app/global.css        | 11 +++++++++++
 src/lib/layout.shared.tsx |  6 +++---
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/app/global.css b/src/app/global.css
index c78f17c97..76a9c6db9 100644
--- a/src/app/global.css
+++ b/src/app/global.css
@@ -94,6 +94,17 @@ header#nd-nav button {
     font-size: 0.9375rem;
 }
 
+/* The logo sits in an anchor fumadocs renders, and that anchor is a flex item
+   with the default shrink of 1. Once the nav links and the right-hand group
+   fill the row the anchor is squeezed and the image is squashed with it: at a
+   1100px viewport it rendered 57x62 where the file's ratio wants 184x62. Pin
+   the anchor and the image so the row overflows instead of deforming the mark. */
+header#nd-nav nav > a:first-child,
+header#nd-nav nav > a:first-child img {
+    flex-shrink: 0;
+    max-width: none;
+}
+
 /* The default fumadocs mobile navbar background is only 80% opaque, which
    lets page content ghost through while scrolling underneath. Force it opaque. */
 header#nd-subnav {
diff --git a/src/lib/layout.shared.tsx b/src/lib/layout.shared.tsx
index 1c474294e..da78ff32e 100644
--- a/src/lib/layout.shared.tsx
+++ b/src/lib/layout.shared.tsx
@@ -84,7 +84,7 @@ export function homeOptions(): BaseLayoutProps {
           alt="Apache Iggy"
           width={240}
           height={80}
-          className="h-10 w-auto md:h-12"
+          className="h-10 w-auto shrink-0 md:h-12"
           unoptimized
         />
       ),
@@ -98,7 +98,7 @@ export function homeOptions(): BaseLayoutProps {
 export function siteOptions(): BaseLayoutProps {
   return {
     nav: {
-      title: <Logo className="h-10 w-auto md:h-12" />,
+      title: <Logo className="h-10 w-auto shrink-0 md:h-12" />,
       transparentMode: "top",
     },
     searchToggle: { enabled: false },
@@ -109,7 +109,7 @@ export function siteOptions(): BaseLayoutProps {
 export function docsOptions(): BaseLayoutProps {
   return {
     nav: {
-      title: <Logo className="h-9 w-auto md:h-11" />,
+      title: <Logo className="h-9 w-auto shrink-0 md:h-11" />,
     },
     links: [
       { text: "Home", url: "/" },