diff --git a/core/core-frontend/src/custom-component/ImgViewDialog.vue b/core/core-frontend/src/custom-component/ImgViewDialog.vue
index d838491732..1dd31382b3 100644
--- a/core/core-frontend/src/custom-component/ImgViewDialog.vue
+++ b/core/core-frontend/src/custom-component/ImgViewDialog.vue
@@ -98,8 +98,8 @@ const HandleBeforeClose = () => {
 <style lang="less" scoped>
 .img-content {
   width: 100vw;
-  height: 100vh;
-  overflow-y: auto;
+  height: calc(100vh - 70px);
+  overflow-y: hidden;
   padding: 60px 120px;
   img {
     width: 100%;
diff --git a/core/core-frontend/src/style/index.less b/core/core-frontend/src/style/index.less
index f47588e487..e20962612d 100644
--- a/core/core-frontend/src/style/index.less
+++ b/core/core-frontend/src/style/index.less
@@ -384,7 +384,7 @@ em {
 .img-enlarge-dialog {
   min-width: 100vw;
   max-height: 100vh;
-  overflow-y: auto;
+  overflow-y: hidden;
   background: none !important;
 
   .ed-dialog__header {