diff --git a/src/components/status.css b/src/components/status.css
index 36c878f1..46efecfe 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -461,7 +461,7 @@
background-color: var(--bg-color);
max-height: 160px;
}
-.status.large .card.link.large {
+.status.large .card.link {
border-radius: 16px;
flex-direction: column;
max-height: none;
@@ -493,7 +493,7 @@
flex-grow: 1;
align-self: center;
}
-.card.large .meta-container {
+.status.large .card.link.large .meta-container {
align-self: flex-start;
}
.card .title {
diff --git a/src/components/status.jsx b/src/components/status.jsx
index 425859e9..c91c25ba 100644
--- a/src/components/status.jsx
+++ b/src/components/status.jsx
@@ -436,12 +436,7 @@ function Status({
!sensitive &&
!spoilerText &&
!poll &&
- !mediaAttachments.length && (
-
- )}
+ !mediaAttachments.length && }
{size === 'l' && (
<>
@@ -851,7 +846,7 @@ function Media({ media, showOriginal, autoAnimate, onClick = () => {} }) {
}
}
-function Card({ card, size }) {
+function Card({ card }) {
const {
blurhash,
title,
@@ -876,7 +871,7 @@ function Card({ card, size }) {
const hasText = title || providerName || authorName;
const isLandscape = width / height >= 1.2;
- size = size === 'l' && isLandscape ? 'large' : '';
+ const size = isLandscape ? 'large' : '';
if (hasText && image) {
const domain = new URL(url).hostname.replace(/^www\./, '');