diff --git a/files/templates/expanded_video_modal.html b/files/templates/expanded_video_modal.html
index 77120965e..6211531a4 100644
--- a/files/templates/expanded_video_modal.html
+++ b/files/templates/expanded_video_modal.html
@@ -6,7 +6,7 @@
 
 			<div class="modal-body text-center p-0">
 				<div class="d-inline-block position-relative">
-					<iframe loading="lazy" src="" id="desktop-expanded-video" frameborder="0" width="600" height="337" allow="fullscreen"></iframe>
+					<iframe loading="lazy" src="" id="desktop-expanded-video" style="max-width: 100%" frameborder="0" width="600" height="337" allow="fullscreen"></iframe>
 					<div class="position-absolute d-flex justify-content-between align-items-center w-100 mt-1">
 						<a href="" rel="nofollow noopener noreferrer" target="_blank" class="text-gray-500 font-weight-bold text-left" id="desktop-expanded-video-link">View original</a>
 					</div>
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index c6ae60345..df0139e33 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -418,11 +418,11 @@
 		</a>
 	{% elif p.embed_url and "youtu" in p.domain %}
 		<div style="text-align: center" class="mt-3 mb-4">
-			<iframe loading="lazy" src="{{p.embed_url}}" frameborder="0" width="600" height="337" allow="fullscreen"></iframe>
+			<iframe loading="lazy" src="{{p.embed_url}}" frameborder="0" style="max-width: 100%" width="600" height="337" allow="fullscreen"></iframe>
 		</div>
 	{% elif p.url and "streamable.com/e/" in p.url %}
 		<div style="text-align: center" class="mt-3 mb-4">
-			<iframe loading="lazy" src="{{p.url}}" frameborder="0" width="600" height="337" allow="fullscreen"></iframe>
+			<iframe loading="lazy" src="{{p.url}}" frameborder="0" style="max-width: 100%" width="600" height="337" allow="fullscreen"></iframe>
 		</div>
 	{% endif %}
 {% endif %}