diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index b71d159ea..3d0b911dd 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -402,17 +402,17 @@
 {% endif %}
 
 {% if p.is_video %}
-	<div id="video-{{p.id}}" style="{% if v and not v.cardview %}display:None;{% endif %} text-align: center" class="mt-4">
+	<div id="video-{{p.id}}" style="text-align: center" class="{% if v and not v.cardview %}d-none{% endif %} mt-4">
 		<video controls preload="metadata" style="max-width: 100%">
 			<source src="{{p.realurl(v)}}" type="video/mp4">
 		</video>
 	</div>
 {% elif p.embed_url and "youtu" in p.domain %}
-	<div id="video-{{p.id}}" style="{% if v and not v.cardview %}display:None;{% endif %} text-align: center" class="mt-3 mb-4">
+	<div id="video-{{p.id}}" style="text-align: center" class="{% if v and not v.cardview %}d-none{% endif %} mt-3 mb-4">
 		<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 id="video-{{p.id}}" style="{% if v and not v.cardview %}display:None;{% endif %} text-align: center" class="mt-3 mb-4">
+	<div id="video-{{p.id}}" style="text-align: center" class="{% if v and not v.cardview %}d-none{% endif %} mt-3 mb-4">
 		<iframe loading="lazy" src="{{p.url}}" frameborder="0" style="max-width: 100%" width="600" height="337" allow="fullscreen"></iframe>
 	</div>
 {% endif %}