From d38a084143a132e01f9341eaccd1e691c6506a28 Mon Sep 17 00:00:00 2001
From: "Natalie B." <22222885+espeon@users.noreply.github.com>
Date: Fri, 16 Jan 2026 10:58:48 -0600
Subject: [PATCH] samuel made me do this

---
 js/app/components/home/cards.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/js/app/components/home/cards.tsx b/js/app/components/home/cards.tsx
index d240c5b02..eb1ccff6a 100644
--- a/js/app/components/home/cards.tsx
+++ b/js/app/components/home/cards.tsx
@@ -49,17 +49,18 @@ const StreamCard = ({
       style={[
         zero.flex.values[1],
         {
+          borderCurve: "continuous",
           backgroundColor: theme.colors.muted,
           borderRadius,
           overflow: "hidden",
           borderColor: theme.colors.mutedForeground + 80,
-          borderWidth: 2,
+          borderWidth: isWeb ? 1 : 0,
           alignItems: layoutHorizontal ? "center" : "stretch",
           flexDirection: layoutHorizontal ? "row" : "column",
         },
       ]}
     >
-      {/* Thumbnail Section */}
+      {/* Thumbnail */}
       <View
         style={[
           {
@@ -67,8 +68,6 @@ const StreamCard = ({
             minWidth: layoutHorizontal ? "63%" : "100%",
             // native seems to be unable to adjust widths properly?
             maxHeight: !isWeb ? "76.5%" : "100%",
-            borderRadius,
-            overflow: "hidden",
             position: "relative",
             alignSelf: layoutHorizontal ? "auto" : "center",
             backgroundColor: theme.colors.card,
@@ -77,7 +76,11 @@ const StreamCard = ({
       >
         <Image
           source={{ uri: `${url}/${thumbnailUrl}`, width: 160, height: 90 }}
-          style={{ width: "100%", height: "100%", aspectRatio: 16 / 9 }}
+          style={{
+            width: "100%",
+            height: "100%",
+            aspectRatio: 16 / 9,
+          }}
           resizeMode="contain"
         />
         {isLive && (
@@ -193,6 +196,7 @@ const StreamCard = ({
               ]}
               numberOfLines={1}
               ellipsizeMode="tail"
+              leading="tight"
             >
               @{streamerName}
             </Text>
-- 
2.51.2