From ece8f653b3c8e00dd958e84b1b3212442dbeb355 Mon Sep 17 00:00:00 2001
From: Derek <256792747+decofe@users.noreply.github.com>
Date: Wed, 24 Jun 2026 00:37:04 +0000
Subject: [PATCH] Fix homepage showcase layout shift

---
 src/marketing/app/_components/TokensShowcase.tsx       | 3 ++-
 src/marketing/app/_components/TransactionsShowcase.tsx | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/marketing/app/_components/TokensShowcase.tsx b/src/marketing/app/_components/TokensShowcase.tsx
index 4714181c..b9374616 100644
--- a/src/marketing/app/_components/TokensShowcase.tsx
+++ b/src/marketing/app/_components/TokensShowcase.tsx
@@ -13,6 +13,7 @@ import Reveal from './Reveal'
 const VISUAL_HEIGHT = 'lg:h-[424px]'
 const CODE_HEIGHT = 'max-h-[390px]'
 const DIAGRAM_CONTAINER = 'p-6 lg:min-h-0 lg:p-10'
+const PANEL_HEIGHT = 'min-h-[454px]'
 const SHOWCASE_HEIGHT = 'lg:min-h-[560px]'
 
 type Row = {
@@ -320,7 +321,7 @@ export default function TokensShowcase() {
           <div className="absolute top-6 right-6 z-20 lg:top-8 lg:right-10">
             <ModeToggle mode={mode} setMode={setMode} />
           </div>
-          <div className="grid w-full max-w-[560px] grid-cols-1">
+          <div className={`grid w-full max-w-[560px] grid-cols-1 ${PANEL_HEIGHT}`}>
             {rows.map((row, i) => (
               <Fragment key={row.title}>
                 <div
diff --git a/src/marketing/app/_components/TransactionsShowcase.tsx b/src/marketing/app/_components/TransactionsShowcase.tsx
index feb6581c..2c7d697e 100644
--- a/src/marketing/app/_components/TransactionsShowcase.tsx
+++ b/src/marketing/app/_components/TransactionsShowcase.tsx
@@ -18,6 +18,7 @@ import {
 const VISUAL_HEIGHT = 'lg:h-[424px]'
 const CODE_HEIGHT = 'max-h-[390px]'
 const DIAGRAM_CONTAINER = 'p-6 lg:min-h-0 lg:p-10'
+const PANEL_HEIGHT = 'min-h-[454px]'
 const SHOWCASE_HEIGHT = 'lg:min-h-[560px]'
 
 type Row = {
@@ -149,7 +150,7 @@ export default function TransactionsShowcase() {
           <div className="absolute top-6 right-6 z-20 lg:top-8 lg:right-10">
             <ModeToggle mode={mode} setMode={setMode} />
           </div>
-          <div className="grid w-full max-w-[560px] grid-cols-1">
+          <div className={`grid w-full max-w-[560px] grid-cols-1 ${PANEL_HEIGHT}`}>
             {rows.map((row, i) => (
               <Fragment key={row.title}>
                 <div