diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index 7fe924ef..94143ef4 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -107,7 +107,10 @@
   flex-direction: column;
   max-width: 90%;
   max-height: 95%;
+  width: 100%;
+  height: 100%;
   flex-grow: 1;
+  justify-content: center;
 
   &-inner {
     width: 100%;
@@ -116,6 +119,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    justify-content: center;
   }
 }