diff --git a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx
index 1592cee..3b6cc3d 100644
--- a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx
+++ b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/_components/PreparePanel.tsx
@@ -130,7 +130,7 @@ export function PreparePanel({ docId, defaultEmail, clientName, currentStatus, a
   }
 
   return (
-    <div className="rounded-lg border border-gray-200 p-4 space-y-4">
+    <div className="rounded-lg border border-gray-200 bg-gray-50 p-4 space-y-4">
       <h2 className="font-semibold text-gray-900">Prepare Document</h2>
 
       <div>
diff --git a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
index 97773b5..ba4e068 100644
--- a/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
+++ b/teressa-copeland-homes/src/app/portal/(protected)/documents/[docId]/page.tsx
@@ -57,7 +57,7 @@ export default async function DocumentPage({
         <div className="lg:col-span-2">
           <PdfViewerWrapper docId={docId} docStatus={doc.status} />
         </div>
-        <div className="lg:col-span-1">
+        <div className="lg:col-span-1 lg:sticky lg:top-6 lg:self-start lg:max-h-[calc(100vh-6rem)] lg:overflow-y-auto">
           <PreparePanel
             docId={docId}
             defaultEmail={docClient?.email ?? ''}