From 4896b6c5ed0d6de467c39ef3fd60aac49bcd8fbc Mon Sep 17 00:00:00 2001
From: Developing-Gamer <maxcodes11110@gmail.com>
Date: Wed, 3 Dec 2025 19:56:46 +0000
Subject: [PATCH 1/2] Fixed.

---
 .../[templateId]/page-client.tsx              |  4 +-
 .../projects/[projectId]/sidebar-layout.tsx   | 42 +++++++++----------
 2 files changed, 22 insertions(+), 24 deletions(-)

diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/email-templates/[templateId]/page-client.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/email-templates/[templateId]/page-client.tsx
index 60603214a1..8f443ae4bb 100644
--- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/email-templates/[templateId]/page-client.tsx
+++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/email-templates/[templateId]/page-client.tsx
@@ -67,9 +67,7 @@ export default function PageClient(props: { templateId: string }) {
     <AppEnabledGuard appId="emails">
       <VibeCodeLayout
         previewComponent={
-          <div className="p-4 w-full h-full">
-            <EmailPreview themeId={selectedThemeId} templateTsxSource={currentCode} />
-          </div>
+          <EmailPreview themeId={selectedThemeId} templateTsxSource={currentCode} />
         }
         editorComponent={
           <CodeEditor
diff --git a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/sidebar-layout.tsx b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/sidebar-layout.tsx
index 8e804367dc..b96665a526 100644
--- a/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/sidebar-layout.tsx
+++ b/apps/dashboard/src/app/(main)/(protected)/projects/[projectId]/sidebar-layout.tsx
@@ -12,27 +12,27 @@ import { UserButton } from "@stackframe/stack";
 import { ALL_APPS, type AppId } from "@stackframe/stack-shared/dist/apps/apps-config";
 import { typedEntries } from "@stackframe/stack-shared/dist/utils/objects";
 import {
-  Button,
-  Sheet,
-  SheetContent,
-  SheetTitle,
-  SheetTrigger,
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-  Typography,
+    Button,
+    Sheet,
+    SheetContent,
+    SheetTitle,
+    SheetTrigger,
+    Tooltip,
+    TooltipContent,
+    TooltipProvider,
+    TooltipTrigger,
+    Typography,
 } from "@stackframe/stack-ui";
 import {
-  Blocks,
-  ChevronDown,
-  ChevronRight,
-  Globe,
-  KeyRound,
-  LucideIcon,
-  Menu,
-  PanelLeft,
-  Settings,
+    Blocks,
+    ChevronDown,
+    ChevronRight,
+    Globe,
+    KeyRound,
+    LucideIcon,
+    Menu,
+    PanelLeft,
+    Settings,
 } from "lucide-react";
 import { usePathname } from "next/navigation";
 import { useCallback, useMemo, useRef, useState } from "react";
@@ -603,8 +603,8 @@ export default function SidebarLayout(props: { children?: React.ReactNode }) {
           </aside>
 
           {/* Main Content Area */}
-          <main className="flex-1 min-w-0 px-2 pb-3">
-            <div className="relative flex flex-col min-h-full">
+          <main className="flex-1 min-w-0 px-2 pb-3 h-[calc(100vh-6rem)]">
+            <div className="relative flex flex-col h-full overflow-auto">
               {props.children}
             </div>
           </main>

From dfd5aa6d92b319985b71bb9139bf06777ff19f75 Mon Sep 17 00:00:00 2001
From: Konstantin Wohlwend <n2d4xc@gmail.com>
Date: Fri, 28 Nov 2025 15:00:05 -0800
Subject: [PATCH 2/2] hotfix email template style

---
 apps/dashboard/src/components/vibe-coding/vibe-code-layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/dashboard/src/components/vibe-coding/vibe-code-layout.tsx b/apps/dashboard/src/components/vibe-coding/vibe-code-layout.tsx
index 2540913f5f..85499dbc6c 100644
--- a/apps/dashboard/src/components/vibe-coding/vibe-code-layout.tsx
+++ b/apps/dashboard/src/components/vibe-coding/vibe-code-layout.tsx
@@ -17,7 +17,7 @@ export default function VibeCodeLayout({
 }: VibeCodeEditorLayoutProps) {
   return (
     <ResizablePanelGroup direction="horizontal" className="flex h-full">
-      <ResizablePanel className="flex-1 flex flex-col" defaultSize={75}>
+      <ResizablePanel className="flex-1 flex flex-col" style={{ height: 'calc(100vh - 100px)' }} defaultSize={75}>
         <ResizablePanelGroup direction="vertical" className="flex h-full">
           <ResizablePanel className="flex flex-col flex-1 flex-shrink h-full" minSize={10}>
             {previewComponent}