diff --git a/src/app/page.tsx b/src/app/page.tsx
index 33a5a2e..1e5b206 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -128,10 +128,11 @@ export default function LandingPage() {
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
+      valueClassName="text-xl md:text-2xl whitespace-nowrap"
       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 },
-        { id: "m3", value: "12 AM", title: "Closing Time", description: "Open daily", icon: Clock },
+        { id: "m3", value: "12:00 AM", title: "Closing Time", description: "Open daily", icon: Clock },
       ]}
       title="By The Numbers"
       description="Trusted by our local community."
@@ -160,4 +161,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}