From 5fd8e40c44907897ff25af6cc4ccf2245be7ab6c Mon Sep 17 00:00:00 2001
From: Lance Chant <13349722+lancechant@users.noreply.github.com>
Date: Fri, 22 May 2026 12:39:59 +0200
Subject: [PATCH] padding for apple tv

Adding some more padding for tvos to clear the top

Signed-off-by: Lance Chant <13349722+lancechant@users.noreply.github.com>
---
 components/home/TVHeroCarousel.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/home/TVHeroCarousel.tsx b/components/home/TVHeroCarousel.tsx
index 4e9e4712..b7ccc0ce 100644
--- a/components/home/TVHeroCarousel.tsx
+++ b/components/home/TVHeroCarousel.tsx
@@ -378,14 +378,16 @@ export const TVHeroCarousel: React.FC<TVHeroCarouselProps> = ({
 
   if (items.length === 0) return null;
 
+  // Extra top padding for tvOS to clear the menu bar
+  const tvosTopPadding = Platform.OS === "ios" ? scaleSize(30) : 0;
   const heroHeight = SCREEN_HEIGHT * sizes.padding.heroHeight;
 
   return (
     <View
       style={{
-        height: heroHeight + insets.top,
+        height: heroHeight + insets.top + tvosTopPadding,
         width: "100%",
-        paddingTop: insets.top,
+        paddingTop: insets.top + tvosTopPadding,
       }}
     >
       {/* Backdrop layers with crossfade */}