diff --git a/src/app/modals/view-media/view-media.page.scss b/src/app/modals/view-media/view-media.page.scss
index 527acab31..4185866b7 100644
--- a/src/app/modals/view-media/view-media.page.scss
+++ b/src/app/modals/view-media/view-media.page.scss
@@ -56,7 +56,7 @@
   overflow: auto !important;
 
   .media-content{
-    height: 100% !important;
+    height: fit-content !important;
     overflow: auto !important;
     img{
       width: fit-content !important;
@@ -66,5 +66,14 @@
 }
 
 
+@media only screen and (min-width: 800px) {
+  .media {
+    .media-content{
+      height: 100% !important;
+    }
+  }
+}
+
+