diff --git a/src/image-preview/index.less b/src/image-preview/index.less
index fe73b3610..4a9175477 100644
--- a/src/image-preview/index.less
+++ b/src/image-preview/index.less
@@ -48,10 +48,11 @@
 
   &__index {
     position: absolute;
-    top: 10px;
+    top: @padding-md;
     left: 50%;
     color: @image-preview-index-text-color;
     font-size: @image-preview-index-font-size;
+    line-height: @image-preview-index-line-height;
     text-shadow: @image-preview-index-text-shadow;
     transform: translate(-50%, 0);
   }
diff --git a/src/style/var.less b/src/style/var.less
index 8298e2051..5e685685b 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -423,6 +423,7 @@
 // ImagePreview
 @image-preview-index-text-color: @white;
 @image-preview-index-font-size: @font-size-md;
+@image-preview-index-line-height: 22px;
 @image-preview-index-text-shadow: 0 1px 1px @gray-8;
 @image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
 @image-preview-close-icon-size: 22px;