diff --git a/public/piksi.css b/public/piksi.css
index 9405a05..c73a197 100644
--- a/public/piksi.css
+++ b/public/piksi.css
@@ -38,3 +38,9 @@ a.discrete-link:focus {
 .embedded .hide-when-embedded {
 	display: none;
 }
+
+@media (min-width: 768px) {
+	.modal-video {
+		max-width: 80%;
+	}
+}
diff --git a/public/piksi.js b/public/piksi.js
index ceebf42..a4ecdf3 100644
--- a/public/piksi.js
+++ b/public/piksi.js
@@ -162,7 +162,7 @@ $(document).on("click", ".show-as-dialog-video", function(e)
 	bootbox.dialog({
 		"message": dialogHtml,
 		"size": "extra-large"
-	}).find(".modal-content").addClass("bg-secondary");
+	}).find(".modal-dialog").addClass("modal-video").find(".modal-content").addClass("bg-secondary");
 });
 
 $(document).on("click", ".close-bootbox", function(e)