diff --git a/web/src/index.css b/web/src/index.css
index a79ca3f..f7b637f 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -23,7 +23,7 @@
 
 	--border-color: #ccc;
 	--pill-background-color: #ccc;
-	--url-preview-background-color: #ddd;
+	--url-preview-background-color: rgba(0, 0, 0, .05);
 	--highlight-pill-background-color: #c00;
 	--highlight-pill-text-color: #fff;
 	--button-hover-color: rgba(0, 0, 0, .2);
diff --git a/web/src/ui/timeline/URLPreviews.tsx b/web/src/ui/timeline/URLPreviews.tsx
index 33df021..a68f1a3 100644
--- a/web/src/ui/timeline/URLPreviews.tsx
+++ b/web/src/ui/timeline/URLPreviews.tsx
@@ -71,7 +71,7 @@ const URLPreviews = ({ event, room }: {
 					<div className="title">
 						<a href={url} title={title} target="_blank" rel="noreferrer noopener">{title}</a>
 					</div>
-					<div className="description">{p["og:description"]}</div>
+					<div className="description" title={p["og:description"]}>{p["og:description"]}</div>
 					{mediaURL && (inline
 						? <div className="inline-media-wrapper">{mediaContainer}</div>
 						: mediaContainer)}