diff --git a/packages/cli/src/ui/components/Header.tsx b/packages/cli/src/ui/components/Header.tsx
index 9648a2126d..f0817c7880 100644
--- a/packages/cli/src/ui/components/Header.tsx
+++ b/packages/cli/src/ui/components/Header.tsx
@@ -114,10 +114,15 @@ export const Header: React.FC<HeaderProps> = ({
       {/* Left side: ASCII logo (only if enough space) */}
       {showLogo && (
         <>
-          <Box flexShrink={0}>
-            <Gradient colors={gradientColors}>
-              <Text>{displayLogo}</Text>
-            </Gradient>
+          <Box flexShrink={0} flexDirection="column">
+            {displayLogo
+              .split('\n')
+              .slice(1) // trim leading empty line from template literal
+              .map((line, i) => (
+                <Gradient key={i} colors={gradientColors}>
+                  <Text>{line.padEnd(logoWidth)}</Text>
+                </Gradient>
+              ))}
           </Box>
           {/* Fixed gap between logo and info panel */}
           <Box width={logoGap} />