diff --git a/web/src/styles/common.css b/web/src/styles/common.css
index 8645a161..b5bfad10 100644
--- a/web/src/styles/common.css
+++ b/web/src/styles/common.css
@@ -2,4 +2,13 @@
 .rb-border-t { border-top: 1px solid #DFE4ED; }
 .rb-border-r { border-right: 1px solid #DFE4ED; }
 .rb-border-b { border-bottom: 1px solid #DFE4ED; }
-.rb-border-l { border-left: 1px solid #DFE4ED; }
\ No newline at end of file
+.rb-border-l { border-left: 1px solid #DFE4ED; }
+
+/* 隐藏滚动条但保留滚动功能 */
+div {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+div::-webkit-scrollbar {
+  display: none; /* Chrome/Safari/Opera */
+}
diff --git a/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx b/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx
index 08df86cd..4b52b7fe 100644
--- a/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx
+++ b/web/src/views/KnowledgeBase/[knowledgeBaseId]/DocumentDetails.tsx
@@ -350,9 +350,9 @@ const DocumentDetails: FC = () => {
   }
 
   return (<>
-    <div className="rb:flex rb:flex-col rb:h-full rb:p-4">
+    <div className="rb:flex rb:flex-col rb:h-full rb:p-1">
       {/* Header */}
-      <div className="rb:flex rb:flex-col rb:text-left rb:mb-6">
+      <div className="rb:flex rb:flex-col rb:text-left rb:mb-4">
         <div className='rb:flex rb:items-center rb:justify-between'>
             <div className='rb:flex rb:items-center rb:gap-2 rb:mb-4 rb:cursor-pointer' onClick={handleBack}>
                 <img src={exitIcon} alt='exit' className='rb:w-4 rb:h-4' />
@@ -379,10 +379,10 @@ const DocumentDetails: FC = () => {
       </div>
 
       {/* Content area */}
-      <div className="rb:flex rb:h-full rb:gap-4 rb:flex-1 rb:overflow-hidden">
+      <div className="rb:flex rb:h-full rb:flex-1 rb:overflow-hidden rb:bg-white rb:rounded-xl rb:border rb:border-[#DFE4ED]">
         {/* Left: Document info */}
         <div className='rb:w-80 rb:h-full rb:flex rb:flex-col rb:gap-4 rb:overflow-hidden'>
-          <div className='rb:border rb:border-[#DFE4ED] rb:bg-white rb:rounded-xl rb:p-4'>
+          <div className='rb:h-full rb:border-r rb:border-[#DFE4ED] rb:p-4'>
             <InfoPanel 
               title={t('knowledgeBase.documentInfo') || '文档信息'} 
               items={infoItems}
@@ -396,7 +396,7 @@ const DocumentDetails: FC = () => {
         {/* Right: Chunk list */}
         <div 
           id="chunkScrollableDiv"
-          className="rb:flex-1 rb:bg-white rb:rounded-lg rb:border rb:border-gray-200 rb:p-6 rb:overflow-y-auto"
+          className="rb:flex-1 rb:bg-white rb:rounded-lg rb:p-4 rb:overflow-y-auto"
         >
           <h2 className="rb:text-lg rb:font-medium rb:mb-4">
             {t('knowledgeBase.chunkList') || '分块列表'}