diff --git a/src/app/(pages)/page.tsx b/src/app/(pages)/page.tsx
index 7b4f769..53ead15 100644
--- a/src/app/(pages)/page.tsx
+++ b/src/app/(pages)/page.tsx
@@ -63,7 +63,7 @@ export default function Home(): ReactElement {
 
       <Separator />
 
-      <div className="flex flex-col gap-4 items-center p-4">
+      <div className="flex flex-col gap-4 items-center pt-4">
         <div className="text-center">
           <p className="font-semibold text-xl">API Statistics</p>
           <p>View the statistics for the API in real-time!</p>
diff --git a/src/app/components/stats.tsx b/src/app/components/stats.tsx
index e3c6c2d..381d847 100644
--- a/src/app/components/stats.tsx
+++ b/src/app/components/stats.tsx
@@ -41,7 +41,7 @@ export function Stats(): ReactElement {
   const metrics = lastMessage !== null ? JSON.parse(lastMessage.data).metrics : undefined;
 
   return (
-    <div className="flex gap-4 flex-wrap justify-center">
+    <div className="flex gap-2 flex-wrap justify-center">
       {stats.map((stat, index) => {
         const value = metrics ? metrics[stat.id] : "???";