diff --git a/web/index.html b/web/index.html
index 11399852..0c3565ef 100644
--- a/web/index.html
+++ b/web/index.html
@@ -154,11 +154,10 @@
 		img.inline-avatar {
 			max-height: 2em;
 		}
-		p.box {
+		.box {
 			border: 3px solid #bf616a;
-			width: 100%;
 		}
-		p.cursor {
+		.cursor {
 			cursor: pointer;
 		}
 		video.attachment {
@@ -176,6 +175,7 @@
 		video.expand {
 			height: unset;
 			max-height: 55vh;
+			max-width: 100%;
 			object-fit: contain;
 		}
 		div.tl-header {
diff --git a/web/src/components/object.rs b/web/src/components/object.rs
index b41e2a20..b21b1d2e 100644
--- a/web/src/components/object.rs
+++ b/web/src/components/object.rs
@@ -40,7 +40,7 @@ pub fn Attachment(
 
 		"video" =>
 			view! {
-				<p class="center cursor box ml-1"
+				<div class="center cursor box ml-1"
 					on:click=move |_| set_expand.set(!expand.get())
 					title={object.name().unwrap_or_default().to_string()}
 				>
@@ -48,7 +48,7 @@ pub fn Attachment(
 						<source src={href.clone()} type={media_type} />
 						<a href={href} target="_blank">audio clip</a>
 					</video>
-				</p>
+				</div>
 			}.into_view(),
 
 		"audio" =>