diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index e0ece10..b621120 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -258,7 +258,10 @@ function updateArrowState() {
 
 function toggleFullscreen() {
   if (!document.fullscreenElement) {
-    document.documentElement.requestFullscreen()
+    const appMain = document.querySelector('.app-main')
+    if (appMain) {
+      appMain.requestFullscreen()
+    }
   } else {
     document.exitFullscreen()
   }
@@ -266,6 +269,11 @@ function toggleFullscreen() {
 
 function onFullscreenChange() {
   isFullscreen.value = !!document.fullscreenElement
+  const appMain = document.querySelector('.app-main')
+  if (appMain) {
+    appMain.style.backgroundColor = document.fullscreenElement ? '#fff' : ''
+    appMain.style.overflowY = document.fullscreenElement ? 'auto' : ''
+  }
 }
 
 function handleDropdownCommand(command) {