diff --git a/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx b/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
index 057d073c56..0d86d2de61 100644
--- a/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
+++ b/web/app/components/datasets/documents/detail/completed/common/full-screen-drawer.tsx
@@ -1,5 +1,6 @@
 import React, { type FC } from 'react'
 import Drawer from '@/app/components/base/drawer'
+import classNames from '@/utils/classnames'
 
 type IFullScreenDrawerProps = {
   isOpen: boolean
@@ -18,9 +19,11 @@ const FullScreenDrawer: FC<IFullScreenDrawerProps> = ({
     <Drawer
       isOpen={isOpen}
       onClose={onClose}
-      panelClassname={`!p-0 ${fullScreen
-        ? '!max-w-full !w-full'
-        : 'mt-16 mr-2 mb-2 !max-w-[560px] !w-[560px] border-[0.5px] border-components-panel-border rounded-xl'}`}
+      panelClassname={classNames('!p-0 bg-components-panel-bg',
+        fullScreen
+          ? '!max-w-full !w-full'
+          : 'mt-16 mr-2 mb-2 !max-w-[560px] !w-[560px] border-[0.5px] border-components-panel-border rounded-xl',
+      )}
       mask={false}
       unmount
       footer={null}