diff --git a/web/components/templates/requests/RequestDrawer.tsx b/web/components/templates/requests/RequestDrawer.tsx
index 41b9a2eabf..1279c25189 100644
--- a/web/components/templates/requests/RequestDrawer.tsx
+++ b/web/components/templates/requests/RequestDrawer.tsx
@@ -555,30 +555,32 @@ export default function RequestDrawer(props: RequestDivProps) {
                   ))}
                 </div>
               </div>
+            </div>
+          )}
+        </header>
 
-              {/* Request Parameters */}
-              {requestDetails.parameterInfo.length > 0 && (
-                <div className="w-full flex flex-col gap-2 pt-4 border-t border-border px-4">
-                  {requestDetails.parameterInfo.map((item) => (
-                    <div
-                      key={item.label}
-                      className="grid grid-cols-[auto,1fr] gap-x-4 items-start"
-                    >
-                      <XSmall className="text-muted-foreground text-nowrap">
-                        {item.label}
-                      </XSmall>
-                      <XSmall className="truncate min-w-0 text-right">
-                        {item.value}
-                      </XSmall>
-                    </div>
-                  ))}
+        <div className="h-full w-full overflow-auto">
+          {/* Request Parameters - Moved out of header */}
+          {showDetails && requestDetails.parameterInfo.length > 0 && (
+            <div className="w-full flex flex-col gap-2 px-4 py-3 bg-card border-b border-border">
+              {requestDetails.parameterInfo.map((item) => (
+                <div
+                  key={item.label}
+                  className="grid grid-cols-[auto,1fr] gap-x-4 items-start"
+                >
+                  <XSmall className="text-muted-foreground text-nowrap">
+                    {item.label}
+                  </XSmall>
+                  <XSmall className="truncate min-w-0 text-right">
+                    {item.value}
+                  </XSmall>
                 </div>
-              )}
+              ))}
             </div>
           )}
 
           {/* Properties and Scores */}
-          <div className="w-full flex flex-col divide-y divide-border">
+          <div className="w-full flex flex-col divide-y divide-border bg-card border-b border-border">
             {/* Properties */}
             <ScrollableBadges
               className="px-4"
@@ -613,14 +615,14 @@ export default function RequestDrawer(props: RequestDivProps) {
               }}
             />
           </div>
-        </header>
 
-        <div className="p-4 h-full w-full overflow-auto bg-card">
-          {/* Mapped Request */}
-          <RenderMappedRequest
-            mappedRequest={request}
-            onRequestSelect={onRequestSelect}
-          />
+          {/* Main Content */}
+          <div className="p-4 bg-card">
+            <RenderMappedRequest
+              mappedRequest={request}
+              onRequestSelect={onRequestSelect}
+            />
+          </div>
         </div>
 
         {/* Footer */}