diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 958f4aa48..7cd65f447 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -6334,3 +6334,9 @@ div.markdown {
 .actionbtns > form > * {
 	margin-bottom: 10px !important;
 }
+#desktop-expanded-image {
+	height:80vh;
+	border:5px white solid;
+	-o-object-fit: contain;
+	object-fit: contain;
+}
diff --git a/files/templates/expanded_image_modal.html b/files/templates/expanded_image_modal.html
index 5cbecddf6..578da4467 100644
--- a/files/templates/expanded_image_modal.html
+++ b/files/templates/expanded_image_modal.html
@@ -4,7 +4,7 @@
 			<div class="modal-body text-center p-0">
 				<div class="d-inline-block position-relative">
 					<a href="/" rel="nofollow noopener" target="_blank" id="desktop-expanded-image-wrap-link">
-						<img loading="lazy" alt="expanded image" src="" class="img-fluid rounded" id="desktop-expanded-image" style="height:90vh;border:5px white solid">
+						<img loading="lazy" alt="expanded image" src="" class="img-fluid rounded" id="desktop-expanded-image">
 					</a>
 				</div>
 			</div>