diff --git a/app/src/app/(tabs)/index.tsx b/app/src/app/(tabs)/index.tsx
index abf1553..2ac1841 100644
--- a/app/src/app/(tabs)/index.tsx
+++ b/app/src/app/(tabs)/index.tsx
@@ -4,6 +4,7 @@ import { useRouter } from "expo-router";
 import { Button, Typography } from "heroui-native";
 import { PRODUCTS } from "@/data/mock";
 import { ListingCard } from "@/components/ListingCard";
+import { PageContainer } from "@/components/PageContainer";
 
 export default function HomeTab(): JSX.Element {
   const router = useRouter();
@@ -11,31 +12,31 @@ export default function HomeTab(): JSX.Element {
 
   return (
     <ScrollView className="flex-1 bg-background">
-      <View className="gap-4 px-5 pb-6 pt-8 md:items-center md:pt-14">
-        <Typography type="h2" className="md:text-center">
-          {"The marketplace\n"}
-          <Typography type="h2" className="text-accent">
-            nobody controls.
+      <PageContainer className="gap-10 py-8 lg:py-14">
+        <View className="gap-4 md:items-center">
+          <Typography type="h2" className="md:text-center">
+            {"The marketplace\n"}
+            <Typography type="h2" className="text-accent">
+              nobody controls.
+            </Typography>
           </Typography>
-        </Typography>
-        <Typography type="body-sm" color="muted" className="md:max-w-md md:text-center">
-          Buy and sell freely. Payments are final — no chargebacks, no frozen accounts.
-        </Typography>
-        <Button onPress={() => router.push("/browse")} className="self-start md:self-center">
-          <Button.Label>Browse Listings →</Button.Label>
-        </Button>
-      </View>
-
-      <View className="px-3.5 pb-10">
-        <Typography type="h5" className="px-1.5 pb-3">
-          Featured listings
-        </Typography>
-        <View className="flex-row flex-wrap">
-          {featured.map((product) => (
-            <ListingCard key={product.id} product={product} variant="grid" />
-          ))}
+          <Typography type="body-sm" color="muted" className="md:max-w-md md:text-center">
+            Buy and sell freely. Payments are final — no chargebacks, no frozen accounts.
+          </Typography>
+          <Button onPress={() => router.push("/browse")} className="self-start md:self-center">
+            <Button.Label>Browse Listings →</Button.Label>
+          </Button>
         </View>
-      </View>
+
+        <View className="gap-3">
+          <Typography type="h5">Featured listings</Typography>
+          <View className="flex-row flex-wrap gap-5 lg:gap-6">
+            {featured.map((product) => (
+              <ListingCard key={product.id} product={product} variant="grid" />
+            ))}
+          </View>
+        </View>
+      </PageContainer>
     </ScrollView>
   );
 }