diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 48713ec85c..c44851f541 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -223,19 +223,19 @@
 	{% endif %}
 
 	{% if p.is_image and not p.over_18 and ((v and v.cardview)) %}
-		<div class="ml-5 mt-3 mb-4">
+		<div class="ml-md-5 mt-3 mb-4">
 			<a {% if v and v.newtab %}data-target="t" target="_blank"{% endif %} rel="nofollow noopener" href="{{p.realurl(v)}}">
 				<img loading="lazy" data-src="{{p.realurl(v)}}" src="/i/l.webp" class="img-fluid" style="max-height:20rem" alt="Unable to load image">
 			</a>
 		</div>
 	{% elif p.is_video %}
-		<div id="video-{{p.id}}" class="ml-5 {% if p.over_18 or not ((v and v.cardview)) %}d-none{% endif %} mt-4">
+		<div id="video-{{p.id}}" class="ml-md-5 {% if p.over_18 or not ((v and v.cardview)) %}d-none{% endif %} mt-4">
 			<p class="resizable">
 				<video {% if p.thumburl %}poster="{{p.thumb_url}}"{% endif %} id="video2-{{p.id}}" controls preload="none" src="{{p.realurl(v)}}"></video>
 			</p>
 		</div>
 	{% elif p.is_audio %}
-		<div id="video-{{p.id}}" class="ml-5 {% if p.over_18 or not ((v and v.cardview)) %}d-none{% endif %} mt-4">
+		<div id="video-{{p.id}}" class="ml-md-5 {% if p.over_18 or not ((v and v.cardview)) %}d-none{% endif %} mt-4">
 			<audio id="video2-{{p.id}}" controls preload="none" src="{{p.realurl(v)}}"></audio>
 		</div>
 	{% elif p.is_youtube %}