diff --git a/assets/sass/_common/_shortcodes.scss b/assets/sass/_common/_shortcodes.scss
index e406e571..f9fd0d95 100644
--- a/assets/sass/_common/_shortcodes.scss
+++ b/assets/sass/_common/_shortcodes.scss
@@ -101,7 +101,7 @@
 
 .gallery-box {
     .gallery {
-        @apply relative md:m-4 m-3 flex flex-row justify-center;
+        @apply my-4 relative flex flex-row justify-center;
         figure {
             @apply my-0;
             img {
@@ -109,7 +109,7 @@
             }
         }
         figure + figure {
-            @apply md:ml-4 ml-3;
+            @apply ml-4;
         }
     }
 }
\ No newline at end of file
diff --git a/assets/sass/_partial/_page_gallery.scss b/assets/sass/_partial/_page_gallery.scss
index 88252d36..701e407d 100644
--- a/assets/sass/_partial/_page_gallery.scss
+++ b/assets/sass/_partial/_page_gallery.scss
@@ -1,6 +1,11 @@
 .page-gallery {
-    .gallery {
-        @apply md:mx-4 mx-3;
+    .gallery-box {
+        .gallery {
+            @apply md:my-4 my-3 md:mx-4 mx-3;
+            figure + figure {
+                @apply md:ml-4 ml-3;
+            }
+        }
     }
     .gallery-image {
         @apply relative md:mb-4 mb-3 overflow-hidden rounded;
diff --git a/exampleSite/content/en-us/posts/Shortcodes/index.md b/exampleSite/content/en-us/posts/Shortcodes/index.md
index e8f70e49..741b343c 100644
--- a/exampleSite/content/en-us/posts/Shortcodes/index.md
+++ b/exampleSite/content/en-us/posts/Shortcodes/index.md
@@ -263,16 +263,24 @@ The paella dish I rate {{< rating 10 6 >}}
 
 ```markdown
 {{</* gallery */>}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{</* /gallery */>}}
 ```
 
 {{< gallery >}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{< /gallery >}}
 
 ## Tabs
diff --git a/exampleSite/content/en-us/posts/Shortcodes/index.zh-cn.md b/exampleSite/content/en-us/posts/Shortcodes/index.zh-cn.md
index fd28b72c..83909413 100644
--- a/exampleSite/content/en-us/posts/Shortcodes/index.zh-cn.md
+++ b/exampleSite/content/en-us/posts/Shortcodes/index.zh-cn.md
@@ -263,16 +263,24 @@ categories:
 
 ```markdown
 {{</* gallery */>}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{</* /gallery */>}}
 ```
 
 {{< gallery >}}
-![Rose](1.jpg)
-![Rose](2.jpg)
-![Rose](3.jpg)
+![](1.jpg)
+![](2.jpg)
+![](3.jpg)
+
+![](2.jpg)
+![](3.jpg)
+![](1.jpg)
 {{< /gallery >}}
 
 ## 选项卡