diff --git a/web/src/routes/Main/Content/PageContent.tsx b/web/src/routes/Main/Content/PageContent.tsx
index 55226a0c..bc190640 100644
--- a/web/src/routes/Main/Content/PageContent.tsx
+++ b/web/src/routes/Main/Content/PageContent.tsx
@@ -96,20 +96,17 @@ export const PageContent: React.FC<PageContentProps> = React.memo((props) => {
         )}
         data-tc-role={props['data-tc-role']}
       >
+        <div className="tc-content-background" />
+
         <div
-          className={clsx(
-            'flex flex-auto bg-content-light dark:bg-content-dark relative',
-            {
-              'overflow-auto': !showMask,
-              'overflow-hidden': showMask,
-            }
-          )}
+          className={clsx('flex flex-auto relative', {
+            'overflow-auto': !showMask,
+            'overflow-hidden': showMask,
+          })}
         >
           {contentMaskEl}
           {contentEl}
         </div>
-
-        <div className="tc-content-background" />
       </div>
     </>
   );