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/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/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..da78ff32e 100644
--- a/src/lib/layout.shared.tsx
+++ b/src/lib/layout.shared.tsx
@@ -83,8 +83,8 @@ export function homeOptions(): BaseLayoutProps {
           src="/img/apache-iggy-color-darkbg0.5x.png"
           alt="Apache Iggy"
           width={240}
-          height={48}
-          className="h-10 w-auto md:h-12"
+          height={80}
+          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: "/" },