diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 1db880b86..1fa27ab03 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -5206,7 +5206,7 @@ a.emojitab {
 .expandedimage {
 	width: fit-content;
 	width: -moz-fit-content;
-	max-width: 100% !important;
+	max-width: 80% !important;
 }
 
 .m-5 {
@@ -6293,9 +6293,6 @@ div.markdown {
 }
 
 @media (min-width: 768px) {
-	.expandedimage {
-		max-width: 80% !important;
-	}
 	#speed-carot-modal .speed-modal-image
 	{
 		width: 50px;
diff --git a/files/templates/expanded_image_modal.html b/files/templates/expanded_image_modal.html
index be540503b..3a50ffe8d 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 noreferrer" target="_blank" id="desktop-expanded-image-wrap-link">
-						<img loading="lazy" alt="expanded image" referrerpolicy="no-referrer" src="" class="img-fluid rounded" id="desktop-expanded-image" style="min-width: 250px;min-width: min(250px,50vw);max-width:80%!important;border:5px white solid">
+						<img loading="lazy" alt="expanded image" referrerpolicy="no-referrer" src="" class="img-fluid rounded" id="desktop-expanded-image" style="min-width: 250px;min-width: min(250px,50vw);border:5px white solid">
 					</a>
 				</div>
 			</div>