diff --git a/src/assets/css/global/base/global-styles.css b/src/assets/css/global/base/global-styles.css
index a1987d9..3f35f53 100644
--- a/src/assets/css/global/base/global-styles.css
+++ b/src/assets/css/global/base/global-styles.css
@@ -94,7 +94,17 @@ figcaption {
   font-size: var(--size-step-min-1);
   text-align: center;
   padding-block-end: var(--space-xs);
-  border-bottom: var(--stroke);
+}
+
+figcaption:after {
+  border-block: var(--stroke);
+  content: '';
+  display: block;
+  margin-block: var(--space-xs);
+  /* block-size: 1rem; */
+  inline-size: 50%;
+  margin-inline: auto;
+  opacity: 0.8;
 }
 
 a {
diff --git a/src/assets/css/local/gallery.css b/src/assets/css/local/gallery.css
index a7bf27f..9bdac1e 100644
--- a/src/assets/css/local/gallery.css
+++ b/src/assets/css/local/gallery.css
@@ -3,11 +3,18 @@
   inset: revert;
 }
 
+/* the image that serves as button */
 .gallery dialog + button {
   all: unset;
   cursor: pointer;
 }
 
+/* the close button */
+.gallery dialog > button {
+  margin-inline: auto;
+  display: flex;
+}
+
 .gallery dialog + button img {
   aspect-ratio: 1;
   object-fit: cover;
@@ -25,9 +32,10 @@ is-land:not(:defined) .gallery dialog + button {
 }
 
 .gallery dialog img {
-  aspect-ratio: auto;
   max-block-size: 70vh;
-  inline-size: auto;
+  max-inline-size: 90vw;
+  object-fit: contain;
+  border: none;
 }
 
 .gallery dialog figcaption {