diff --git a/web/src/ui/timeline/URLPreviews.css b/web/src/ui/timeline/URLPreviews.css
index bd5b921..8b5df43 100644
--- a/web/src/ui/timeline/URLPreviews.css
+++ b/web/src/ui/timeline/URLPreviews.css
@@ -2,7 +2,7 @@ div.url-previews {
 	display: flex;
 	flex-direction: row;
 	gap: 1rem;
-	overflow-x: scroll;
+	overflow-x: auto;
 
 	> div.url-preview {
 		margin: 0.5rem 0;
diff --git a/web/src/ui/timeline/URLPreviews.tsx b/web/src/ui/timeline/URLPreviews.tsx
index a68f1a3..5798ccf 100644
--- a/web/src/ui/timeline/URLPreviews.tsx
+++ b/web/src/ui/timeline/URLPreviews.tsx
@@ -33,7 +33,7 @@ const URLPreviews = ({ event, room }: {
 	}
 
 	const previews = (event.content["com.beeper.linkpreviews"] ?? event.content["m.url_previews"]) as URLPreview[]
-	if (!previews) {
+	if (!previews || !previews.length) {
 		return null
 	}
 	return <div className="url-previews">