diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index c595ce5..28dc955 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -97,6 +97,7 @@ export default function AboutPage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
+          metricsContainerClassName="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 min-h-96 md:min-h-80"
         />
       </div>
 
@@ -129,4 +130,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 21d9e34..65de69b 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -97,6 +97,7 @@ export default function ContactPage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
+          metricsContainerClassName="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 min-h-96 md:min-h-80"
         />
       </div>
 
@@ -129,4 +130,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3ba89e8..1a4ef0c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -160,6 +160,7 @@ export default function HomePage() {
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={true}
+          metricsContainerClassName="grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12 min-h-96 md:min-h-80"
         />
       </div>