diff --git a/ui/components/findings/table/resource-detail-drawer/resource-detail-drawer-content.tsx b/ui/components/findings/table/resource-detail-drawer/resource-detail-drawer-content.tsx
index 646110a752..90ad1d1aa9 100644
--- a/ui/components/findings/table/resource-detail-drawer/resource-detail-drawer-content.tsx
+++ b/ui/components/findings/table/resource-detail-drawer/resource-detail-drawer-content.tsx
@@ -1087,6 +1087,7 @@ export function ResourceDetailDrawerContent({
               <ResourceMetadataPanel
                 metadata={f?.resourceMetadata}
                 details={f?.resourceDetails}
+                fill
               />
             )}
           </TabsContent>
diff --git a/ui/components/shared/resource-metadata-panel.tsx b/ui/components/shared/resource-metadata-panel.tsx
index bee0b135a8..0774cfa0f7 100644
--- a/ui/components/shared/resource-metadata-panel.tsx
+++ b/ui/components/shared/resource-metadata-panel.tsx
@@ -10,6 +10,13 @@ import { parseMetadata } from "@/lib/resource-metadata";
 interface ResourceMetadataPanelProps {
   metadata: Record<string, unknown> | string | null | undefined;
   details: string | null | undefined;
+  /**
+   * When true the metadata editor fills the available height and scrolls
+   * internally. Only enable this when the panel is rendered inside a bounded
+   * flex container; otherwise the editor collapses. Defaults to growing with
+   * its content.
+   */
+  fill?: boolean;
 }
 
 /**
@@ -24,6 +31,7 @@ interface ResourceMetadataPanelProps {
 export function ResourceMetadataPanel({
   metadata,
   details,
+  fill = false,
 }: ResourceMetadataPanelProps) {
   const parsedMetadata = parseMetadata(metadata);
   const hasMetadata =
@@ -58,7 +66,7 @@ export function ResourceMetadataPanel({
           copyValue={formattedMetadata}
           editable={false}
           minHeight={220}
-          fill
+          fill={fill}
           showCopyButton
           onChange={() => {}}
         />