diff --git a/client/scss/components/_asset-display.scss b/client/scss/components/_asset-display.scss
index 20bcfd7d..11d42c4c 100644
--- a/client/scss/components/_asset-display.scss
+++ b/client/scss/components/_asset-display.scss
@@ -1,20 +1,21 @@
 .asset-display {
-  flex: 1 0 auto;
   display: flex;
-  justify-content: center;
-
+  flex: 1 0 auto;
   flex-direction: column;
+  justify-content: center;
 }
 
 .asset-image, .asset-video {
+  margin : 0;
   max-width: 100%;
   max-height: 100%;
-  margin : 0;
+  object-fit: contain;
+  object-position: center;
 }
 .asset-video {
+  border: 1px solid #d0d0d0;
   margin: 16px;
   padding: 6px;
-  border: 1px solid #d0d0d0;
 }
 .vertical-split .asset-display {
     height: 90vh;