From bd3addf6f3ceb00fa2c8d997b652cdb51d641bf3 Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Wed, 2 Sep 2026 11:01:07 +0800
Subject: [PATCH] fix(knowledge-fs): reserve document scrollbar gutter
 (WTA-2317)

Linear: https://linear.app/dify/issue/WTA-2317/uiux-%E6%96%87%E6%A1%A3%E9%98%85%E8%AF%BB%E5%8C%BA%E6%BB%9A%E5%8A%A8%E6%9D%A1%E4%B8%8D%E9%81%AE%E6%8C%A1%E5%86%85%E5%AE%B9
---
 web/features/new-rag/documents/detail/chunk-detail.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/features/new-rag/documents/detail/chunk-detail.tsx b/web/features/new-rag/documents/detail/chunk-detail.tsx
index 99c40ce70f1..61f6a4f775f 100644
--- a/web/features/new-rag/documents/detail/chunk-detail.tsx
+++ b/web/features/new-rag/documents/detail/chunk-detail.tsx
@@ -185,7 +185,7 @@ export function DocumentReadingPane() {
             style={{ overflowX: 'hidden' }}
           >
             <ScrollAreaContent
-              className="flex min-h-full w-full max-w-full flex-col gap-3 px-2 pt-1 xl:px-0"
+              className="flex min-h-full w-full max-w-full flex-col gap-3 ps-2 pe-5 pt-1 xl:ps-0 xl:pe-3"
               style={{ minWidth: 0 }}
             >
               {contentBlocks.map((block) => {