diff --git a/sass/modal.scss b/sass/modal.scss
index adc0e27..b64f240 100644
--- a/sass/modal.scss
+++ b/sass/modal.scss
@@ -69,9 +69,8 @@
         position: relative;
         width: 300px;
         margin: 0 auto;
-        // display: flex;
-        // flex-direction: column;
-        text-align: center;
+        display: flex;
+        flex-direction: column;
         max-height: calc(100vh - 40px);
         overflow: hidden;
 
@@ -85,6 +84,11 @@
             width: 1200;
         }
 
+        &.for-image {
+            display: initial;
+            text-align: center;
+        }
+
         header,
         footer {
             align-items: center;
diff --git a/views/pages/mon-compte/ma-collection/details.ejs b/views/pages/mon-compte/ma-collection/details.ejs
index 3b50b40..094ca9b 100644
--- a/views/pages/mon-compte/ma-collection/details.ejs
+++ b/views/pages/mon-compte/ma-collection/details.ejs
@@ -32,7 +32,7 @@
         <button type="button" aria-label="Image suivante" class="navigation next" @click="next" v-if="index + 1 < item.images.length">
             <i class="icon-right-open"></i>
         </button>
-        <div class="modal-card">
+        <div class="modal-card for-image">
             <img :src="preview" />
         </div>
     </div>