diff --git a/src/app/components/url-preview/UrlPreview.css.tsx b/src/app/components/url-preview/UrlPreview.css.tsx
index 3e29e20f8..65e1300ca 100644
--- a/src/app/components/url-preview/UrlPreview.css.tsx
+++ b/src/app/components/url-preview/UrlPreview.css.tsx
@@ -18,7 +18,7 @@ export const UrlPreview = style([
 // so the player chrome / tweet content isn't cramped or clipped. Defined after
 // UrlPreview so its width wins the cascade.
 export const UrlPreviewWide = style({
-  width: 'min(34rem, 92vw)',
+  width: 'min(38rem, 94vw)',
 });
 
 export const UrlPreviewImg = style([
diff --git a/src/app/components/url-preview/UrlPreviewCard.tsx b/src/app/components/url-preview/UrlPreviewCard.tsx
index bee4311e6..d899ddf13 100644
--- a/src/app/components/url-preview/UrlPreviewCard.tsx
+++ b/src/app/components/url-preview/UrlPreviewCard.tsx
@@ -1133,12 +1133,14 @@ function MediaEmbedCard({
             </Chip>
           )}
         </Box>
-        {title && (
+        {/* While a video plays, drop the title/description so the player isn't
+            squeezed by text below it. */}
+        {!(playing && video) && title && (
           <Text truncate priority="400">
             <b>{title}</b>
           </Text>
         )}
-        {description && (
+        {!(playing && video) && description && (
           <Text size="T200" priority="300">
             <UrlPreviewDescription>{description}</UrlPreviewDescription>
           </Text>