diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7932b9a..0e2c312 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,7 +30,7 @@ export default function Page() {
         <FeatureBento title="Our Services" description="What we offer" animationType="slide-up" useInvertedBackground={false} textboxLayout="default" features={[]} />
       </div>
       <div id="metrics" data-section="metrics">
-        <MetricCardTen title="Our Impact" description="Numbers that matter" animationType="slide-up" textboxLayout="left" metrics={[{ id: "1", title: "Growth", subtitle: "Yearly", category: "Business", value: "150%" }]} />
+        <MetricCardTen title="Our Impact" description="Numbers that matter" animationType="slide-up" textboxLayout="centered" metrics={[{ id: "1", title: "Growth", subtitle: "Yearly", category: "Business", value: "150%" }]} />
       </div>
       <div id="projects" data-section="projects">
         <ProductCardFour title="Our Work" description="Projects showcased" gridVariant="uniform-all-items-equal" animationType="slide-up" textboxLayout="default" useInvertedBackground={false} products={[{ id: "1", name: "Project Alpha", price: "$0", variant: "Pro", imageSrc: "https://images.unsplash.com/photo-1614850523459-c2f4c699c52e?q=80&w=800" }]} />