diff --git a/components/toolbox/components/genesis/ChainConfigStep.tsx b/components/toolbox/components/genesis/ChainConfigStep.tsx
index 33bb5660824..8a2dea86456 100644
--- a/components/toolbox/components/genesis/ChainConfigStep.tsx
+++ b/components/toolbox/components/genesis/ChainConfigStep.tsx
@@ -53,21 +53,21 @@ export function ChainConfigStep({ chainName, onChainNameChange, vmId, onVmIdChan
     };
 
     return (
-        <div className="space-y-6 text-[13px]">
+        <div className="space-y-5 text-[13px]">
             <div className="space-y-4">
                 {/* Chain Name */}
                 <div>
-                    <div className="flex items-center justify-between mb-2">
-                        <label className="text-sm font-medium text-zinc-700 dark:text-zinc-300">
+                    <div className="flex items-center justify-between mb-1.5">
+                        <label className="text-xs font-medium text-zinc-600 dark:text-zinc-400">
                             Chain Name
                         </label>
                         <button
                             type="button"
                             onClick={handleGenerateRandomName}
-                            className="text-xs text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors cursor-pointer active:scale-95"
+                            className="text-xs text-blue-500 hover:text-blue-600 dark:text-blue-400 dark:hover:text-blue-300 transition-colors cursor-pointer"
                             style={{ pointerEvents: 'auto' }}
                         >
-                            Generate Random
+                            Randomize
                         </button>
                     </div>
                     <Input
@@ -81,16 +81,9 @@ export function ChainConfigStep({ chainName, onChainNameChange, vmId, onVmIdChan
 
                 {/* Virtual Machine Selection */}
                 <div className="space-y-3">
-                    <div className="flex items-center justify-between">
-                        <label className="text-sm font-medium text-zinc-700 dark:text-zinc-300">
-                            Virtual Machine
-                        </label>
-                        {!showVMIdInput && (
-                            <span className="text-xs text-zinc-500 dark:text-zinc-400 font-mono">
-                                {SUBNET_EVM_VM_ID.slice(0, 8)}...
-                            </span>
-                        )}
-                    </div>
+                    <label className="text-xs font-medium text-zinc-600 dark:text-zinc-400">
+                        Virtual Machine
+                    </label>
                     <Select
                         label=""
                         value={showVMIdInput ? 'custom' : 'standard'}
@@ -110,7 +103,7 @@ export function ChainConfigStep({ chainName, onChainNameChange, vmId, onVmIdChan
                     
                     {/* Custom VM ID Input */}
                     {showVMIdInput && (
-                        <div className="space-y-2 p-3 bg-zinc-50 dark:bg-zinc-900/50 rounded-lg border border-zinc-200 dark:border-zinc-800">
+                        <div className="space-y-2 pt-2">
                             <Input
                                 label="Custom VM ID"
                                 value={vmId}
@@ -118,8 +111,8 @@ export function ChainConfigStep({ chainName, onChainNameChange, vmId, onVmIdChan
                                 placeholder={SUBNET_EVM_VM_ID}
                                 className="font-mono text-sm"
                             />
-                            <p className="text-xs text-zinc-500 dark:text-zinc-400">
-                                Enter a custom VM ID or use the standard Subnet-EVM ID above
+                            <p className="text-xs text-zinc-400 dark:text-zinc-500">
+                                Enter a custom VM ID
                             </p>
                         </div>
                     )}
diff --git a/components/toolbox/components/genesis/FeeConfig.tsx b/components/toolbox/components/genesis/FeeConfig.tsx
index e4acaf762f3..aff167f10fb 100644
--- a/components/toolbox/components/genesis/FeeConfig.tsx
+++ b/components/toolbox/components/genesis/FeeConfig.tsx
@@ -1,6 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
 import { RawInput } from "../Input";
-import { Info } from "lucide-react";
 import { ValidationMessages } from "./types";
 import { useGenesisHighlight } from "./GenesisHighlightContext";
 
@@ -203,10 +202,9 @@ function FeeConfigBase({
   }, [gasLimitInput, gasLimit, minBaseFeeInput, feeConfig, baseFeeChangeDenominatorInput, minBlockGasCostInput, maxBlockGasCostInput, blockGasCostStepInput, targetGasInput]);
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-4">
       {/* Advanced Mode with All Fields */}
-        <div className="bg-white dark:bg-zinc-950 border border-zinc-200 dark:border-zinc-800 rounded-md p-3">
-          <h4 className="text-[13px] font-medium mb-2">Fee Configuration</h4>
+        <div>
           <div className={`grid grid-cols-1 md:grid-cols-2 ${compact ? 'gap-3' : 'gap-4'}`}>
           <div key="gasLimit">
             <Field
@@ -303,19 +301,9 @@ function FeeConfigBase({
         </div>
 
       {/* Static Gas Price Info */}
-        <div className="bg-blue-50 dark:bg-blue-950/30 border border-blue-200 dark:border-blue-800/50 rounded-md p-3 mt-3">
-          <div className="flex gap-2">
-            <Info className="h-4 w-4 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" />
-            <div className="text-xs space-y-1">
-              <div className="font-medium text-blue-900 dark:text-blue-100">Tip: Static Gas Price</div>
-              <div className="text-blue-800 dark:text-blue-200">
-                For static gas pricing (no congestion-based adjustments), set Target Gas &gt; (Gas Limit × 10 ÷ Block Time).
-                Current threshold: &gt;{Math.ceil((gasLimit * 10) / targetBlockRate)} gas (~{Math.ceil((gasLimit * 10) / targetBlockRate / 1000000)}M).
-                Useful for permissioned chains where congestion pricing isn't needed.
-              </div>
-            </div>
-          </div>
-        </div>
+        <p className="text-xs text-zinc-500 dark:text-zinc-400 mt-2">
+          For static gas pricing, set Target Gas &gt; {Math.ceil((gasLimit * 10) / targetBlockRate).toLocaleString()}.
+        </p>
       </div>
       {/* Dynamic fee/reward sections removed; these are now configured under Precompiles. */}
     </div>
diff --git a/components/toolbox/components/genesis/GenesisWizard.tsx b/components/toolbox/components/genesis/GenesisWizard.tsx
index 985f1be49d1..7fd35cfe64a 100644
--- a/components/toolbox/components/genesis/GenesisWizard.tsx
+++ b/components/toolbox/components/genesis/GenesisWizard.tsx
@@ -34,15 +34,15 @@ function GenesisWizardContent({ children, genesisData, onGenesisDataChange, foot
         // Mobile/Embedded layout - stacked view with always-visible JSON preview and scroll-to-highlight
         return (
             <div className="space-y-6">
-                <div className="bg-white dark:bg-zinc-950 rounded-lg border border-zinc-200 dark:border-zinc-800 p-6">
+                <div>
                     {children}
                 </div>
 
                 {genesisData && genesisData.length > 0 && !genesisData.startsWith("Error:") && (
-                    <div className="bg-white dark:bg-zinc-950 rounded-lg border border-zinc-200 dark:border-zinc-800">
-                        <div className="px-4 py-3 border-b border-zinc-200 dark:border-zinc-800 flex items-center justify-between bg-zinc-50 dark:bg-zinc-900/50">
-                            <span className="text-sm font-medium text-zinc-700 dark:text-zinc-300">Genesis JSON Preview</span>
-                            <span className="text-xs text-zinc-500 dark:text-zinc-400">
+                    <div className="rounded-lg overflow-hidden border border-zinc-200 dark:border-zinc-800">
+                        <div className="px-4 py-2.5 flex items-center justify-between bg-zinc-50 dark:bg-zinc-900/50 border-b border-zinc-200 dark:border-zinc-800">
+                            <span className="text-xs font-medium text-zinc-600 dark:text-zinc-400">Genesis JSON</span>
+                            <span className="text-xs text-zinc-500 dark:text-zinc-500">
                                 {(new Blob([genesisData]).size / 1024).toFixed(2)} KiB
                             </span>
                         </div>
@@ -61,15 +61,15 @@ function GenesisWizardContent({ children, genesisData, onGenesisDataChange, foot
 
     // Desktop layout - split view with global footer
     return (
-        <div className="flex flex-col bg-white dark:bg-zinc-950 rounded-lg border border-zinc-200 dark:border-zinc-800">
-            <div className="flex">
+        <div className="flex flex-col">
+            <div className="flex gap-6">
                 {/* Left Panel - Configuration */}
-                <div className="flex-1 p-5 bg-white dark:bg-zinc-950 text-[13px]">
+                <div className="flex-1 min-w-0 text-[13px] pr-4">
                     {children}
                 </div>
 
                 {/* Right Panel - JSON Preview */}
-                <div className="w-[640px] xl:w-[720px] border-l border-zinc-200 dark:border-zinc-800 sticky top-4 self-start">
+                <div className="w-[480px] xl:w-[560px] flex-shrink-0 border-l border-zinc-200 dark:border-zinc-800 sticky top-4 self-start">
                     <JsonPreviewPanel
                         jsonData={genesisData}
                         onJsonUpdate={onGenesisDataChange}
@@ -79,7 +79,7 @@ function GenesisWizardContent({ children, genesisData, onGenesisDataChange, foot
             </div>
 
             {footer && (
-                <div className="border-t border-zinc-200 dark:border-zinc-800 bg-white/80 dark:bg-zinc-950/80 backdrop-blur supports-[backdrop-filter]:bg-white/60 dark:supports-[backdrop-filter]:bg-zinc-950/60">
+                <div className="border-t border-zinc-200 dark:border-zinc-800">
                     <div className="px-4 py-3 flex items-center justify-center">
                         {footer}
                     </div>
diff --git a/components/toolbox/components/genesis/JsonPreviewPanel.tsx b/components/toolbox/components/genesis/JsonPreviewPanel.tsx
index 60ced3b0a2c..01fd59ac80a 100644
--- a/components/toolbox/components/genesis/JsonPreviewPanel.tsx
+++ b/components/toolbox/components/genesis/JsonPreviewPanel.tsx
@@ -313,55 +313,37 @@ export function JsonPreviewPanel({
     const barClass = percent >= 90 ? 'bg-red-500' : percent >= 75 ? 'bg-yellow-500' : 'bg-green-500';
 
     return (
-        <div className="flex flex-col max-h-[calc(100vh-8rem)] border-l border-zinc-200 dark:border-zinc-800">
+        <div className="flex flex-col max-h-[calc(100vh-8rem)]">
             {/* Header */}
-            <div className="p-4 border-b border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-950">
-                <div className="flex items-start justify-between">
-                    <div>
-                        <h3 className="text-sm font-medium text-zinc-900 dark:text-zinc-100">{title}</h3>
-                        <p className="text-xs text-zinc-500 dark:text-zinc-400 mt-1">
-                            {isValidJson ? `${jsonSizeKiB.toFixed(2)} KiB / ${maxSizeKiB} KiB • ${statusText}` : 'Awaiting configuration'}
-                        </p>
+            <div className="px-4 py-3 border-b border-zinc-200 dark:border-zinc-800 bg-zinc-50 dark:bg-zinc-900/50">
+                <div className="flex items-center justify-between">
+                    <div className="flex items-center gap-3">
+                        <span className="text-xs font-medium text-zinc-600 dark:text-zinc-400 font-mono">genesis.json</span>
+                        {isValidJson && (
+                            <span className="text-xs text-zinc-400 dark:text-zinc-500">
+                                {jsonSizeKiB.toFixed(1)} / {maxSizeKiB} KiB
+                            </span>
+                        )}
                     </div>
-                    <div className="flex items-center gap-2">
-                        <Button
-                            variant="outline"
-                            size="sm"
+                    <div className="flex items-center gap-1">
+                        <button
                             onClick={handleCopy}
                             disabled={!isValidJson}
-                            className="h-8"
+                            className="p-1.5 rounded hover:bg-zinc-200 dark:hover:bg-zinc-800 text-zinc-500 dark:text-zinc-400 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
+                            title="Copy"
                         >
-                            {copied ? (
-                                <>
-                                    <Check className="h-4 w-4 mr-1 text-green-500" />
-                                    Copied
-                                </>
-                            ) : (
-                                <>
-                                    <Copy className="h-4 w-4 mr-1" />
-                                    Copy
-                                </>
-                            )}
-                        </Button>
-                        <Button
-                            variant="outline"
-                            size="sm"
+                            {copied ? <Check className="h-3.5 w-3.5 text-green-500" /> : <Copy className="h-3.5 w-3.5" />}
+                        </button>
+                        <button
                             onClick={handleDownload}
                             disabled={!isValidJson}
-                            className="h-8"
+                            className="p-1.5 rounded hover:bg-zinc-200 dark:hover:bg-zinc-800 text-zinc-500 dark:text-zinc-400 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"
+                            title="Download"
                         >
-                            <Download className="h-4 w-4 mr-1" />
-                            Download
-                        </Button>
+                            <Download className="h-3.5 w-3.5" />
+                        </button>
                     </div>
                 </div>
-                {isValidJson && (
-                    <div className="mt-2">
-                        <div className="w-full h-1.5 rounded-full bg-zinc-200 dark:bg-zinc-800">
-                            <div className={`h-1.5 rounded-full transition-all duration-300 ${barClass}`} style={{ width: `${percent}%` }} />
-                        </div>
-                    </div>
-                )}
             </div>
 
             {/* JSON Content */}
diff --git a/components/toolbox/components/genesis/SubnetStep.tsx b/components/toolbox/components/genesis/SubnetStep.tsx
index 4a2530b3e0b..7e87763bf26 100644
--- a/components/toolbox/components/genesis/SubnetStep.tsx
+++ b/components/toolbox/components/genesis/SubnetStep.tsx
@@ -2,7 +2,6 @@
 
 import { useState } from "react";
 import { Button } from "@/components/toolbox/components/Button";
-import { Input } from "@/components/toolbox/components/Input";
 import InputSubnetId from "@/components/toolbox/components/InputSubnetId";
 import { useWalletStore } from "@/components/toolbox/stores/walletStore";
 import { useConnectedWallet } from "@/components/toolbox/contexts/ConnectedWalletContext";
@@ -37,54 +36,40 @@ export function SubnetStep({ subnetId, onSubnetIdChange }: SubnetStepProps) {
     }
 
     return (
-        <div className="space-y-6 text-[13px]">
+        <div className="space-y-5 text-[13px]">
             <div>
-                <h2 className="text-[14px] font-semibold mb-1">Create or Select a Subnet</h2>
-                <p className="text-[12px] text-zinc-500 dark:text-zinc-400">
-                    Create a new Subnet or enter an existing Subnet ID.
+                <h2 className="text-sm font-semibold mb-1">Subnet</h2>
+                <p className="text-xs text-zinc-500 dark:text-zinc-400">
+                    Create a new Subnet or use an existing one.
                 </p>
             </div>
 
             <div className="space-y-4">
-                {/* Create New Subnet Option */}
-                <div className="space-y-3">
-                    <h3 className="text-[13px] font-medium text-zinc-700 dark:text-zinc-300">Create New Subnet</h3>
-                    <Input
-                        label="Subnet Owner"
-                        value={pChainAddress}
-                        disabled={true}
-                        type="text"
-                    />
-                    <Button
-                        onClick={handleCreateSubnet}
-                        loading={isCreatingSubnet}
-                        loadingText="Creating Subnet..."
-                        variant="primary"
-                        className="w-full"
-                    >
-                        Create Subnet
-                    </Button>
-                </div>
+                <Button
+                    onClick={handleCreateSubnet}
+                    loading={isCreatingSubnet}
+                    loadingText="Creating Subnet..."
+                    variant="primary"
+                    className="w-full"
+                >
+                    Create Subnet
+                </Button>
 
-                <div className="flex items-center gap-3 my-6">
+                <div className="flex items-center gap-3">
                     <div className="flex-1 h-px bg-zinc-200 dark:bg-zinc-800"></div>
-                    <span className="text-xs text-zinc-500 dark:text-zinc-400">or</span>
+                    <span className="text-xs text-zinc-400 dark:text-zinc-500">or</span>
                     <div className="flex-1 h-px bg-zinc-200 dark:bg-zinc-800"></div>
                 </div>
 
-                {/* Use Existing Subnet Option */}
-                <div className="space-y-3">
-                    <h3 className="text-[13px] font-medium text-zinc-700 dark:text-zinc-300">Use Existing Subnet</h3>
-                    <InputSubnetId
-                        id="create-chain-subnet-id"
-                        label=""
-                        value={subnetId}
-                        onChange={onSubnetIdChange}
-                        validationDelayMs={3000}
-                        hideSuggestions={true}
-                        placeholder="Enter an existing Subnet ID"
-                    />
-                </div>
+                <InputSubnetId
+                    id="create-chain-subnet-id"
+                    label=""
+                    value={subnetId}
+                    onChange={onSubnetIdChange}
+                    validationDelayMs={3000}
+                    hideSuggestions={true}
+                    placeholder="Enter existing Subnet ID"
+                />
             </div>
         </div>
     );
diff --git a/components/toolbox/console/layer-1/create/CreateChain.tsx b/components/toolbox/console/layer-1/create/CreateChain.tsx
index a55aae3a56d..4fb3b94b2ba 100644
--- a/components/toolbox/console/layer-1/create/CreateChain.tsx
+++ b/components/toolbox/console/layer-1/create/CreateChain.tsx
@@ -87,7 +87,7 @@ function CreateChain({ onSuccess, embedded = false }: CreateChainProps) {
     const canCreateChain = canProceedToStep4;
 
     return (
-        <div className="space-y-6">
+        <div className="space-y-12">
             <Steps>
                 {/* Step 1: Create Subnet */}
                 <Step>
@@ -100,19 +100,16 @@ function CreateChain({ onSuccess, embedded = false }: CreateChainProps) {
                 {/* Step 2: Chain Configuration */}
                 <Step>
                     <div>
-                        <h2 className="text-[14px] font-semibold mb-1">Chain Configuration</h2>
-                        <p className="text-[12px] text-zinc-500 dark:text-zinc-400">
+                        <h2 className="text-sm font-semibold mb-1">Chain Configuration</h2>
+                        <p className="text-xs text-zinc-500 dark:text-zinc-400">
                             Configure your chain name and virtual machine.
                         </p>
                     </div>
                     {!canProceedToStep2 ? (
-                        <div className="flex items-center justify-center py-12">
+                        <div className="flex items-center justify-center py-8">
                             <div className="text-center">
-                                <h3 className="text-lg font-medium text-zinc-900 dark:text-zinc-100 mb-2">
-                                    Create or Select a Subnet First
-                                </h3>
                                 <p className="text-sm text-zinc-500 dark:text-zinc-400">
-                                    Please complete the subnet selection in Step 1 before proceeding.
+                                    Complete Step 1 to continue.
                                 </p>
                             </div>
                         </div>
@@ -129,21 +126,18 @@ function CreateChain({ onSuccess, embedded = false }: CreateChainProps) {
                 {/* Step 3: Genesis Configuration */}
                 <Step>
                     <div>
-                        <h2 className="text-[14px] font-semibold mb-1">Genesis Configuration</h2>
-                        <p className="text-[12px] text-zinc-500 dark:text-zinc-400">
+                        <h2 className="text-sm font-semibold mb-1">Genesis Configuration</h2>
+                        <p className="text-xs text-zinc-500 dark:text-zinc-400">
                             {vmId === SUBNET_EVM_VM_ID 
                                 ? "Configure the genesis parameters for your chain."
                                 : "Provide the genesis JSON for your custom virtual machine."}
                         </p>
                     </div>
                     {!canProceedToStep3 ? (
-                        <div className="flex items-center justify-center py-12">
+                        <div className="flex items-center justify-center py-8">
                             <div className="text-center">
-                                <h3 className="text-lg font-medium text-zinc-900 dark:text-zinc-100 mb-2">
-                                    Configure Chain First
-                                </h3>
                                 <p className="text-sm text-zinc-500 dark:text-zinc-400">
-                                    Please configure your chain name and VM in Step 2 before proceeding.
+                                    Complete Step 2 to continue.
                                 </p>
                             </div>
                         </div>
@@ -163,26 +157,16 @@ function CreateChain({ onSuccess, embedded = false }: CreateChainProps) {
                     ) : (
                         // For custom VMs, provide a simple JSON input
                         <div className="space-y-4">
-                            <div className="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4">
-                                <div className="flex items-start space-x-2">
-                                    <svg className="w-5 h-5 text-yellow-600 dark:text-yellow-400 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
-                                    </svg>
-                                    <div>
-                                        <h4 className="text-sm font-medium text-yellow-800 dark:text-yellow-200">Custom Virtual Machine</h4>
-                                        <p className="text-xs text-yellow-700 dark:text-yellow-300 mt-1">
-                                            You're using a custom VM. Please provide your own genesis JSON configuration.
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
+                            <p className="text-xs text-zinc-500 dark:text-zinc-400">
+                                Custom VM selected. Provide your genesis JSON below.
+                            </p>
                             
                             <div>
-                                <label className="block text-sm font-medium text-zinc-700 dark:text-zinc-300 mb-2">
+                                <label className="block text-xs font-medium text-zinc-600 dark:text-zinc-400 mb-2">
                                     Genesis JSON
                                 </label>
                                 <textarea
-                                    className="w-full h-96 px-4 py-3 bg-zinc-900 dark:bg-zinc-950 text-zinc-100 rounded-lg border border-zinc-700 dark:border-zinc-800 font-mono text-xs resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                                    className="w-full h-80 px-3 py-2.5 bg-zinc-50 dark:bg-zinc-900 text-zinc-900 dark:text-zinc-100 rounded-lg border border-zinc-200 dark:border-zinc-800 font-mono text-xs resize-none focus:outline-none focus:ring-1 focus:ring-zinc-400 dark:focus:ring-zinc-600 focus:border-transparent"
                                     placeholder='{"config": {...}, "alloc": {...}, ...}'
                                     value={genesisData}
                                     onChange={(e) => setGenesisData(e.target.value)}
@@ -191,14 +175,14 @@ function CreateChain({ onSuccess, embedded = false }: CreateChainProps) {
                                     try {
                                         JSON.parse(genesisData);
                                         return (
-                                            <p className="text-xs text-green-600 dark:text-green-400 mt-2">
-                                                ✓ Valid JSON ({(new Blob([genesisData]).size / 1024).toFixed(2)} KiB)
+                                            <p className="text-xs text-zinc-500 dark:text-zinc-400 mt-1.5">
+                                                Valid JSON • {(new Blob([genesisData]).size / 1024).toFixed(2)} KiB
                                             </p>
                                         );
                                     } catch (e) {
                                         return (
-                                            <p className="text-xs text-red-600 dark:text-red-400 mt-2">
-                                                ✗ Invalid JSON: {(e as Error).message}
+                                            <p className="text-xs text-red-500 dark:text-red-400 mt-1.5">
+                                                Invalid JSON: {(e as Error).message}
                                             </p>
                                         );
                                     }
@@ -211,34 +195,57 @@ function CreateChain({ onSuccess, embedded = false }: CreateChainProps) {
                 {/* Step 4: Create Chain */}
                 <Step>
                     <div>
-                        <h2 className="text-[14px] font-semibold mb-1">Create Chain</h2>
-                        <p className="text-[12px] text-zinc-500 dark:text-zinc-400">
-                            Create your chain by issuing a CreateChainTx transaction.
+                        <h2 className="text-sm font-semibold mb-1">Review & Create</h2>
+                        <p className="text-xs text-zinc-500 dark:text-zinc-400">
+                            Review your chain configuration and submit the CreateChainTx.
                         </p>
                     </div>
                     {!canProceedToStep4 ? (
-                        <div className="flex items-center justify-center py-12">
+                        <div className="flex items-center justify-center py-8">
                             <div className="text-center">
-                                <h3 className="text-lg font-medium text-zinc-900 dark:text-zinc-100 mb-2">
-                                    Configure Genesis First
-                                </h3>
                                 <p className="text-sm text-zinc-500 dark:text-zinc-400">
-                                    Please complete the genesis configuration in Step 3 before creating your chain.
+                                    Complete Step 3 to continue.
                                 </p>
                             </div>
                         </div>
                     ) : (
-                        <div className="flex items-center justify-center py-12">
-                            <Button
-                                onClick={handleCreateChain}
-                                loading={isCreatingChain}
-                                loadingText="Creating Chain..."
-                                disabled={!canCreateChain}
-                                className="px-8"
-                                size="lg"
-                            >
-                                Create Chain
-                            </Button>
+                        <div className="space-y-5">
+                            {/* Overview */}
+                            <div className="grid grid-cols-2 gap-4 text-[13px]">
+                                <div>
+                                    <span className="text-xs text-zinc-500 dark:text-zinc-400">Chain Name</span>
+                                    <p className="font-medium text-zinc-900 dark:text-zinc-100 mt-0.5">{localChainName}</p>
+                                </div>
+                                <div>
+                                    <span className="text-xs text-zinc-500 dark:text-zinc-400">Virtual Machine</span>
+                                    <p className="font-medium text-zinc-900 dark:text-zinc-100 mt-0.5">
+                                        {vmId === SUBNET_EVM_VM_ID ? 'Subnet-EVM' : 'Custom VM'}
+                                    </p>
+                                </div>
+                                <div>
+                                    <span className="text-xs text-zinc-500 dark:text-zinc-400">Subnet ID</span>
+                                    <p className="font-mono text-zinc-900 dark:text-zinc-100 mt-0.5 text-xs truncate" title={subnetId}>{subnetId}</p>
+                                </div>
+                                <div>
+                                    <span className="text-xs text-zinc-500 dark:text-zinc-400">Genesis Size</span>
+                                    <p className="font-medium text-zinc-900 dark:text-zinc-100 mt-0.5">
+                                        {(new Blob([genesisData]).size / 1024).toFixed(1)} KiB
+                                    </p>
+                                </div>
+                            </div>
+
+                            {/* Create Button */}
+                            <div className="pt-2">
+                                <Button
+                                    onClick={handleCreateChain}
+                                    loading={isCreatingChain}
+                                    loadingText="Creating Chain..."
+                                    disabled={!canCreateChain}
+                                    className="w-full"
+                                >
+                                    Create Chain
+                                </Button>
+                            </div>
                         </div>
                     )}
                 </Step>
diff --git a/components/toolbox/console/layer-1/create/GenesisBuilder.tsx b/components/toolbox/console/layer-1/create/GenesisBuilder.tsx
index eaa7a31bbc2..69da96e5ee8 100644
--- a/components/toolbox/console/layer-1/create/GenesisBuilder.tsx
+++ b/components/toolbox/console/layer-1/create/GenesisBuilder.tsx
@@ -397,10 +397,10 @@ function GenesisBuilderInner({
                     {/* EVM Chain ID - Outside of sections */}
                     <div>
                         <div className="flex items-baseline gap-1.5 mb-1.5">
-                            <label className="text-sm font-medium text-zinc-700 dark:text-zinc-300">EVM Chain ID</label>
+                            <label className="text-xs font-medium text-zinc-600 dark:text-zinc-400">EVM Chain ID</label>
                             <Tooltip>
                                 <TooltipTrigger className="inline-flex">
-                                    <Info className="h-3.5 w-3.5 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300" />
+                                    <Info className="h-3 w-3 text-zinc-400 hover:text-zinc-500 dark:hover:text-zinc-300" />
                                 </TooltipTrigger>
                                 <TooltipContent className="max-w-xs">
                                     <div className="space-y-2">
@@ -409,7 +409,7 @@ function GenesisBuilderInner({
                                             href="https://chainlist.org" 
                                             target="_blank" 
                                             rel="noopener noreferrer"
-                                            className="inline-flex items-center gap-1 text-xs text-blue-400 hover:text-blue-300"
+                                            className="inline-flex items-center gap-1 text-xs text-zinc-400 hover:text-zinc-300"
                                         >
                                             Check registered IDs on chainlist.org
                                             <ExternalLink className="h-3 w-3" />