diff --git a/docs/changelog/index.md b/docs/changelog/index.md
index bba5a423..1805e6dd 100644
--- a/docs/changelog/index.md
+++ b/docs/changelog/index.md
@@ -22,6 +22,8 @@ sidebar: false
 
 - 修复登录 Cap 人机验证：前端 `cap-solver` 与 Cap 路由测试对齐 `b3a55d4` 之后的统一 API 信封 `{ error_msg, data }`，避免 `challenge` 解构失败。
 
+- 修复配置版本快照/发布预览侧栏无法滚动：内容区改为 `flex-1 min-h-0 overflow-y-auto`，与项目内其他可滚动 Sheet 布局一致。
+
 - 修复 Agent CI/Docker 构建：将 `GeoLite2-Country.mmdb` 提交至仓库作为兜底，构建前优先尝试 `scripts/fetch-agent-geoip-mmdb.sh` 拉取最新库，远程失败时回退使用已提交文件。
 
 ## [v2.3.4] - 2026-06-17
diff --git a/frontend/app/(main)/config-versions/components/preview-sheet.tsx b/frontend/app/(main)/config-versions/components/preview-sheet.tsx
index a6dc67a5..662cf805 100644
--- a/frontend/app/(main)/config-versions/components/preview-sheet.tsx
+++ b/frontend/app/(main)/config-versions/components/preview-sheet.tsx
@@ -5,7 +5,6 @@ import {Loader2} from "lucide-react"
 import {Badge} from "@/components/ui/badge"
 import {Button} from "@/components/ui/button"
 import {CodeBlock} from "@/components/ui/code-block"
-import {ScrollArea} from "@/components/ui/scroll-area"
 import {Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle,} from "@/components/ui/sheet"
 import type {ConfigPreviewResult} from "@/lib/services/openflare"
 
@@ -32,7 +31,7 @@ export function PreviewSheet({
 }: PreviewSheetProps) {
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent className="sm:max-w-2xl w-full p-0 flex flex-col gap-0">
+      <SheetContent className="sm:max-w-2xl w-full p-0 flex h-svh flex-col gap-0">
         <SheetHeader className="px-5 py-4 border-b">
           <SheetTitle>发布预览</SheetTitle>
           <SheetDescription>
@@ -40,7 +39,7 @@ export function PreviewSheet({
           </SheetDescription>
         </SheetHeader>
 
-        <ScrollArea className="flex-1 px-5 py-4">
+        <div className="flex-1 min-h-0 overflow-y-auto px-5 py-4">
           {loading ? (
             <div className="flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground">
               <Loader2 className="size-4 animate-spin" />
@@ -96,7 +95,7 @@ export function PreviewSheet({
               ) : null}
             </div>
           ) : null}
-        </ScrollArea>
+        </div>
 
         <SheetFooter className="px-5 py-4 border-t">
           <Button variant="outline" onClick={() => onOpenChange(false)} disabled={publishing}>
diff --git a/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx b/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx
index ecd70002..c3f73384 100644
--- a/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx
+++ b/frontend/app/(main)/config-versions/components/version-snapshot-sheet.tsx
@@ -7,7 +7,6 @@ import {toast} from "sonner"
 import {Badge} from "@/components/ui/badge"
 import {Button} from "@/components/ui/button"
 import {CodeBlock} from "@/components/ui/code-block"
-import {ScrollArea} from "@/components/ui/scroll-area"
 import {Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle,} from "@/components/ui/sheet"
 import {type ConfigVersionDetail, ConfigVersionService, type ConfigVersionSummary,} from "@/lib/services/openflare"
 import {formatDateTime} from "@/lib/utils"
@@ -57,7 +56,7 @@ export function VersionSnapshotSheet({
 
   return (
     <Sheet open={open} onOpenChange={onOpenChange}>
-      <SheetContent className="sm:max-w-2xl w-full p-0 flex flex-col gap-0">
+      <SheetContent className="sm:max-w-2xl w-full p-0 flex h-svh flex-col gap-0">
         <SheetHeader className="px-5 py-4 border-b">
           <SheetTitle>
             {version ? `版本 ${version.version}` : "版本快照"}
@@ -65,7 +64,7 @@ export function VersionSnapshotSheet({
           <SheetDescription>查看历史配置版本的完整快照内容。</SheetDescription>
         </SheetHeader>
 
-        <ScrollArea className="flex-1 px-5 py-4">
+        <div className="flex-1 min-h-0 overflow-y-auto px-5 py-4">
           {loading ? (
             <div className="flex items-center justify-center gap-2 py-16 text-sm text-muted-foreground">
               <Loader2 className="size-4 animate-spin" />
@@ -111,7 +110,7 @@ export function VersionSnapshotSheet({
               </div>
             </div>
           ) : null}
-        </ScrollArea>
+        </div>
 
         <SheetFooter className="px-5 py-4 border-t">
           <Button variant="outline" onClick={() => onOpenChange(false)}>