From 6dfe5f398f5f9ec561a7bd6916babe6a45b8a39c Mon Sep 17 00:00:00 2001
From: Ryan Vogel <ryan@mandarin3d.com>
Date: Mon, 12 Jan 2026 15:57:49 -0500
Subject: [PATCH] fix(tui): prevent layout jump when toggling tips visibility
 (#8068)

---
 packages/opencode/src/cli/cmd/tui/routes/home.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/opencode/src/cli/cmd/tui/routes/home.tsx b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
index 6b4ab33547..59923c69d9 100644
--- a/packages/opencode/src/cli/cmd/tui/routes/home.tsx
+++ b/packages/opencode/src/cli/cmd/tui/routes/home.tsx
@@ -94,6 +94,7 @@ export function Home() {
   return (
     <>
       <box flexGrow={1} justifyContent="center" alignItems="center" paddingLeft={2} paddingRight={2} gap={1}>
+        <box height={3} />
         <Logo />
         <box width="100%" maxWidth={75} zIndex={1000} paddingTop={1}>
           <Prompt
@@ -104,11 +105,11 @@ export function Home() {
             hint={Hint}
           />
         </box>
-        <Show when={showTips()}>
-          <box width="100%" maxWidth={75} paddingTop={2} alignItems="center">
+        <box height={3} width="100%" maxWidth={75} alignItems="center" paddingTop={2}>
+          <Show when={showTips()}>
             <Tips />
-          </box>
-        </Show>
+          </Show>
+        </box>
         <Toast />
       </box>
       <box paddingTop={1} paddingBottom={1} paddingLeft={2} paddingRight={2} flexDirection="row" flexShrink={0} gap={2}>