diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1e5b206..75692ec 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -128,7 +128,9 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
-      valueClassName="text-xl md:text-2xl whitespace-nowrap"
+      valueClassName="text-lg md:text-xl font-bold"
+      titleClassName="text-sm md:text-base"
+      descriptionClassName="text-xs md:text-sm"
       metrics={[
         { id: "m1", value: "5.0", title: "Google Rating", description: "Local favorite", icon: Star },
         { id: "m2", value: "1000+", title: "Orders Served", description: "Happy bellies", icon: Utensils },