diff --git a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx
index eeee66a..0fb406f 100644
--- a/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx
+++ b/orchestrator/src/client/components/ghostwriter/GhostwriterDrawer.tsx
@@ -26,24 +26,27 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
   const [open, setOpen] = useState(false);
 
   return (
-    <Sheet open={open} onOpenChange={setOpen}>
+    <Sheet
+      open={open}
+      onOpenChange={setOpen}
+    >
       <SheetTrigger asChild>
         <Button
           size="sm"
           variant="outline"
-          className={cn("h-8 gap-1.5 text-xs", triggerClassName)}
+          className="h-8 gap-1.5 text-xs"
           disabled={!job}
         >
-          <PanelRightOpen className="h-3.5 w-3.5" />
+          <PanelRightOpen className='h-3.5 w-3.5' />
           Ghostwriter
         </Button>
       </SheetTrigger>
 
       <SheetContent
-        side="right"
-        className="w-full p-0 sm:max-w-none lg:w-[50vw] xl:w-[40vw] 2xl:w-[30vw]"
+        side='right'
+        className='w-full p-0 sm:max-w-none lg:w-[50vw] xl:w-[40vw] 2xl:w-[30vw]'
       >
-        <div className="border-b border-border/50 p-4">
+        <div className="h-full overflow-y-auto p-4">
           <SheetHeader>
             <SheetTitle>Ghostwriter</SheetTitle>
             <SheetDescription>
@@ -52,13 +55,12 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
               message.
             </SheetDescription>
           </SheetHeader>
+          {job && (
+            <div className="mt-4">
+              <GhostwriterPanel job={job} />
+            </div>
+          )}
         </div>
-
-        {job && (
-          <div className="flex min-h-0 flex-1 p-4 pt-0">
-            <GhostwriterPanel job={job} />
-          </div>
-        )}
       </SheetContent>
     </Sheet>
   );
diff --git a/orchestrator/src/client/pages/orchestrator/JobDetailPanel.tsx b/orchestrator/src/client/pages/orchestrator/JobDetailPanel.tsx
index 1cab007..06dfe94 100644
--- a/orchestrator/src/client/pages/orchestrator/JobDetailPanel.tsx
+++ b/orchestrator/src/client/pages/orchestrator/JobDetailPanel.tsx
@@ -39,7 +39,6 @@ import {
   JobHeader,
   TailoredSummary,
 } from "../../components";
-import { GhostwriterDrawer } from "../../components/ghostwriter/GhostwriterDrawer";
 import { JobDetailsEditDrawer } from "../../components/JobDetailsEditDrawer";
 import { ReadyPanel } from "../../components/ReadyPanel";
 import { TailoringEditor } from "../../components/TailoringEditor";
@@ -311,33 +310,23 @@ export const JobDetailPanel: React.FC<JobDetailPanelProps> = ({
 
   if (activeTab === "discovered") {
     return (
-      <div className="space-y-3">
-        <div className="flex justify-end">
-          <GhostwriterDrawer job={selectedJob} />
-        </div>
-        <DiscoveredPanel
-          job={selectedJob}
-          onJobUpdated={onJobUpdated}
-          onJobMoved={handleJobMoved}
-          onTailoringDirtyChange={handleTailoringDirtyChange}
-        />
-      </div>
+      <DiscoveredPanel
+        job={selectedJob}
+        onJobUpdated={onJobUpdated}
+        onJobMoved={handleJobMoved}
+        onTailoringDirtyChange={handleTailoringDirtyChange}
+      />
     );
   }
 
   if (activeTab === "ready") {
     return (
-      <div className="space-y-3">
-        <div className="flex justify-end">
-          <GhostwriterDrawer job={selectedJob} />
-        </div>
-        <ReadyPanel
-          job={selectedJob}
-          onJobUpdated={onJobUpdated}
-          onJobMoved={handleJobMoved}
-          onTailoringDirtyChange={handleTailoringDirtyChange}
-        />
-      </div>
+      <ReadyPanel
+        job={selectedJob}
+        onJobUpdated={onJobUpdated}
+        onJobMoved={handleJobMoved}
+        onTailoringDirtyChange={handleTailoringDirtyChange}
+      />
     );
   }