diff --git a/web/src/components/approval-records.tsx b/web/src/components/approval-records.tsx
index 03650c1..a5e2e59 100644
--- a/web/src/components/approval-records.tsx
+++ b/web/src/components/approval-records.tsx
@@ -426,6 +426,8 @@ export function ApprovalDetail({
         "为什么这次被放行或拦截？",
         "脚本中有哪些未确定行为？",
       ]}
+      className="min-h-[460px]"
+      mainClassName="overflow-visible"
     >
       <div className="flex min-w-0 flex-col gap-4 p-3 sm:p-5">
         <div className="grid min-w-0 gap-5 rounded-xl border bg-muted/20 p-4 lg:grid-cols-2">
diff --git a/web/src/components/side-question-workspace.tsx b/web/src/components/side-question-workspace.tsx
index 2593af5..4ef5511 100644
--- a/web/src/components/side-question-workspace.tsx
+++ b/web/src/components/side-question-workspace.tsx
@@ -251,6 +251,8 @@ export function SideQuestionWorkspace({
   composerLayout = "stacked",
   suggestions,
   placeholder,
+  className,
+  mainClassName,
 }: {
   side: SideQuestions;
   label: string;
@@ -258,12 +260,18 @@ export function SideQuestionWorkspace({
   composerLayout?: ComposerLayout;
   suggestions?: string[];
   placeholder?: string;
+  className?: string;
+  mainClassName?: string;
 }) {
   const mobile = useIsMobile();
   return (
     <>
-      <ResizablePanelGroup orientation="horizontal" className="min-h-0 min-w-0 flex-1">
-        <ResizablePanel id="main-conversation" minSize="35%" className="flex min-h-0 min-w-0 flex-col">
+      <ResizablePanelGroup orientation="horizontal" className={cn("min-h-0 min-w-0 flex-1", className)}>
+        <ResizablePanel
+          id="main-conversation"
+          minSize="35%"
+          className={cn("flex min-h-0 min-w-0 flex-col", mainClassName)}
+        >
           {children}
         </ResizablePanel>
         {side.open && side.enabled && !mobile && (