From 2486b2c06906012e785fc370113fc81ee48d077b Mon Sep 17 00:00:00 2001
From: Fredrik Burmester <fredrik.burmester@gmail.com>
Date: Wed, 27 May 2026 09:53:56 +0200
Subject: [PATCH] style(tv): fix horizontal alignment of TVCastSection in item
 details page

---
 components/ItemContent.tv.tsx   | 1 +
 components/tv/TVCastSection.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/ItemContent.tv.tsx b/components/ItemContent.tv.tsx
index bc48d953..05d0d1ce 100644
--- a/components/ItemContent.tv.tsx
+++ b/components/ItemContent.tv.tsx
@@ -938,6 +938,7 @@ export const ItemContentTV: React.FC<ItemContentTVProps> = React.memo(
                 apiBasePath={api?.basePath}
                 onActorPress={handleActorPress}
                 firstActorRefSetter={setFirstActorCardRef}
+                horizontalPadding={insets.left + 80}
               />
             )}
 
diff --git a/components/tv/TVCastSection.tsx b/components/tv/TVCastSection.tsx
index 95c5f3d1..fa84103b 100644
--- a/components/tv/TVCastSection.tsx
+++ b/components/tv/TVCastSection.tsx
@@ -15,6 +15,8 @@ export interface TVCastSectionProps {
   firstActorRefSetter?: (ref: View | null) => void;
   /** Ref to focus guide destination for upward navigation */
   upwardFocusDestination?: View | null;
+  /** Custom horizontal padding (overrides default 80) */
+  horizontalPadding?: number;
 }
 
 export const TVCastSection: React.FC<TVCastSectionProps> = React.memo(
@@ -24,6 +26,7 @@ export const TVCastSection: React.FC<TVCastSectionProps> = React.memo(
     onActorPress,
     firstActorRefSetter,
     upwardFocusDestination,
+    horizontalPadding = 80,
   }) => {
     const typography = useScaledTVTypography();
     const sizes = useScaledTVSizes();
@@ -55,9 +58,9 @@ export const TVCastSection: React.FC<TVCastSectionProps> = React.memo(
         <ScrollView
           horizontal
           showsHorizontalScrollIndicator={false}
-          style={{ marginHorizontal: -80, overflow: "visible" }}
+          style={{ marginHorizontal: -horizontalPadding, overflow: "visible" }}
           contentContainerStyle={{
-            paddingHorizontal: 80,
+            paddingHorizontal: horizontalPadding,
             paddingVertical: 16,
             gap: sizes.gaps.item,
           }}