src/components/PopularRankList.tsx

@@ -132,26 +132,14 @@ function PopularRankRow({
         }`}
       >
         {cover ? (
-          <>
+          <img
-            {/* Same image, blurred + scaled, fills the letterbox area so we
+            src={cover}
-                see the full poster (no crop) without dead black bars. */}
+            alt=""
-            <img
+            loading="lazy"
-              src={cover}
+            decoding="async"
-              alt=""
+            className="h-full w-full object-fill"
-              aria-hidden
+            onError={() => setCoverFailed(true)}
-              loading="lazy"
+          />
-              decoding="async"
-              className="absolute inset-0 h-full w-full scale-110 object-cover opacity-70 blur-md"
-            />
-            <img
-              src={cover}
-              alt=""
-              loading="lazy"
-              decoding="async"
-              className="relative h-full w-full object-contain"
-              onError={() => setCoverFailed(true)}
-            />
-          </>
         ) : (
           <FallbackCover type={r.type} />
         )}

src/components/messageStream/bubbles/FileDocBubble.tsx

@@ -47,7 +47,7 @@ function AttachmentRow({ postId, att }: { postId: string; att: Attachment }) {
           loading="lazy"
           decoding="async"
           onError={() => setPreviewFailed(true)}
-          className="h-16 w-16 shrink-0 rounded-lg bg-[#111116] object-contain"
+          className="h-16 w-16 shrink-0 rounded-lg object-fill"
         />
       ) : (
         <div