diff --git a/apps/expo/src/app/(downloads)/[tmdbId].tsx b/apps/expo/src/app/(downloads)/[tmdbId].tsx
index 794e2d2..cb79676 100644
--- a/apps/expo/src/app/(downloads)/[tmdbId].tsx
+++ b/apps/expo/src/app/(downloads)/[tmdbId].tsx
@@ -41,7 +41,7 @@ export default function Page() {
           title: download?.media.title ?? "Downloads",
         }}
       />
-      <YStack gap="$3">
+      <YStack gap="$4">
         {download?.downloads.map((download) => {
           return (
             <DownloadItem
diff --git a/apps/expo/src/components/DownloadItem.tsx b/apps/expo/src/components/DownloadItem.tsx
index e3c103d..b6e3006 100644
--- a/apps/expo/src/components/DownloadItem.tsx
+++ b/apps/expo/src/components/DownloadItem.tsx
@@ -100,9 +100,14 @@ export function DownloadItem(props: DownloadItemProps) {
               height="100%"
             />
           </View>
-          <YStack gap="$2">
-            <XStack gap="$6" maxWidth="65%">
-              <Text fontWeight="$bold" ellipse flexGrow={1}>
+          <YStack gap="$2" flex={1}>
+            <XStack justifyContent="space-between" alignItems="center">
+              <Text
+                fontWeight="$bold"
+                numberOfLines={1}
+                ellipsizeMode="tail"
+                flex={1}
+              >
                 {props.item.media.type === "show" &&
                   `${mapSeasonAndEpisodeNumberToText(
                     props.item.media.season.number,