diff --git a/components/ImageGallery/imageGallery.module.css b/components/ImageGallery/imageGallery.module.css
index 5ceb02255..7177983b5 100644
--- a/components/ImageGallery/imageGallery.module.css
+++ b/components/ImageGallery/imageGallery.module.css
@@ -13,11 +13,12 @@
 }
 
 .triggerArea {
-  position: relative;
   display: flex;
   cursor: pointer;
-  width: 100%;
-  height: 100%;
+}
+
+.triggerArea:not(.fill) {
+  position: relative;
 }
 
 .image {
diff --git a/components/ImageGallery/index.tsx b/components/ImageGallery/index.tsx
index ed765263a..a6e969162 100644
--- a/components/ImageGallery/index.tsx
+++ b/components/ImageGallery/index.tsx
@@ -33,7 +33,7 @@ function ImageGallery({
   return (
     <>
       <div
-        className={styles.triggerArea}
+        className={`${styles.triggerArea} ${fill ? styles.fill : ""}`}
         role="button"
         onClick={() => setLightboxIsOpen(true)}
         aria-label={intl.formatMessage({ id: "Open image gallery" })}