diff --git a/core/core-frontend/src/components/visualization/CanvasOptBar.vue b/core/core-frontend/src/components/visualization/CanvasOptBar.vue
index 9d29f3a006..e42baf8386 100644
--- a/core/core-frontend/src/components/visualization/CanvasOptBar.vue
+++ b/core/core-frontend/src/components/visualization/CanvasOptBar.vue
@@ -3,7 +3,8 @@
     v-if="existLinkage && (!dvMainStore.mobileInPc || isMobile())"
     class="bar-main-right"
     :class="{
-      'bar-main-preview-fixed': dvPreviewMode
+      'bar-main-preview-fixed': dvPreviewMode,
+      'bar-main-preview-fixed-fullscreen': fullscreenFlag
     }"
     @mousedown="handOptBarMousedown"
   >
@@ -22,7 +23,9 @@ import { computed } from 'vue'
 import { isMainCanvas } from '@/utils/canvasUtils'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { isMobile } from '@/utils/utils'
+import { storeToRefs } from 'pinia'
 const dvMainStore = dvMainStoreWithOut()
+const { fullscreenFlag } = storeToRefs(dvMainStore)
 
 const props = defineProps({
   canvasStyleData: {
@@ -117,4 +120,8 @@ const existLinkage = computed(() => {
   top: 120px;
   right: 5px;
 }
+
+.bar-main-preview-fixed-fullscreen {
+  top: 5px !important;
+}
 </style>