diff --git a/apps/marketing/src/app/(marketing)/open/gh-forks.tsx b/apps/marketing/src/app/(marketing)/open/gh-forks.tsx
index c2776ea91..6e2c7e8c6 100644
--- a/apps/marketing/src/app/(marketing)/open/gh-forks.tsx
+++ b/apps/marketing/src/app/(marketing)/open/gh-forks.tsx
@@ -15,7 +15,7 @@ export const GithubForks = ({ className, data, ...props }: GithubForksProps) =>
   const formattedData = Object.keys(data)
     .map((key) => ({
       month: formatMonth(key),
-      stars: data[key].forks,
+      forks: data[key].forks,
     }))
     .reverse();
 
@@ -24,18 +24,18 @@ export const GithubForks = ({ className, data, ...props }: GithubForksProps) =>
       <h3 className="px-4 text-lg font-semibold">Github: Forks</h3>
 
       <div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow">
-        <ResponsiveContainer width="100%" height={400}>
-          <BarChart data={formattedData} margin={{ top: 40, right: 40, bottom: 20, left: 40 }}>
+        <ResponsiveContainer width="100%" height={300}>
+          <BarChart data={formattedData} margin={{ top: 40, right: 20 }}>
             <XAxis dataKey="month" />
             <YAxis />
             <Tooltip
               itemStyle={{
                 color: 'hsl(var(--primary-foreground))',
               }}
-              formatter={(value) => [Number(value), 'Stars']}
+              formatter={(value) => [Number(value), 'Forks']}
               cursor={{ fill: 'hsl(var(--primary) / 10%)' }}
             />
-            <Bar dataKey="stars" fill="hsl(var(--primary))" label="Stars" />
+            <Bar dataKey="forks" fill="hsl(var(--primary))" label="Forks" />
           </BarChart>
         </ResponsiveContainer>
       </div>
diff --git a/apps/marketing/src/app/(marketing)/open/gh-merged-prs.tsx b/apps/marketing/src/app/(marketing)/open/gh-merged-prs.tsx
index 2c9cc2ef0..8f32458d8 100644
--- a/apps/marketing/src/app/(marketing)/open/gh-merged-prs.tsx
+++ b/apps/marketing/src/app/(marketing)/open/gh-merged-prs.tsx
@@ -15,7 +15,7 @@ export const GithubMergedPrs = ({ className, data, ...props }: GithubMergedPrsPr
   const formattedData = Object.keys(data)
     .map((key) => ({
       month: formatMonth(key),
-      stars: data[key].mergedPRs,
+      mergedPRs: data[key].mergedPRs,
     }))
     .reverse();
 
@@ -24,18 +24,18 @@ export const GithubMergedPrs = ({ className, data, ...props }: GithubMergedPrsPr
       <h3 className="px-4 text-lg font-semibold">Github: Merged PRs</h3>
 
       <div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow">
-        <ResponsiveContainer width="100%" height={400}>
-          <BarChart data={formattedData} margin={{ top: 40, right: 40, bottom: 20, left: 40 }}>
+        <ResponsiveContainer width="100%" height={300}>
+          <BarChart data={formattedData} margin={{ top: 40, right: 20 }}>
             <XAxis dataKey="month" />
             <YAxis />
             <Tooltip
               itemStyle={{
                 color: 'hsl(var(--primary-foreground))',
               }}
-              formatter={(value) => [Number(value), 'Stars']}
+              formatter={(value) => [Number(value), 'Merged PRs']}
               cursor={{ fill: 'hsl(var(--primary) / 10%)' }}
             />
-            <Bar dataKey="stars" fill="hsl(var(--primary))" label="Stars" />
+            <Bar dataKey="mergedPRs" fill="hsl(var(--primary))" label="Merged PRs" />
           </BarChart>
         </ResponsiveContainer>
       </div>
diff --git a/apps/marketing/src/app/(marketing)/open/gh-open-issues.tsx b/apps/marketing/src/app/(marketing)/open/gh-open-issues.tsx
index ce0390b1d..7f761ddb1 100644
--- a/apps/marketing/src/app/(marketing)/open/gh-open-issues.tsx
+++ b/apps/marketing/src/app/(marketing)/open/gh-open-issues.tsx
@@ -15,7 +15,7 @@ export const GithubOpenIssues = ({ className, data, ...props }: GithubOpenIssues
   const formattedData = Object.keys(data)
     .map((key) => ({
       month: formatMonth(key),
-      stars: data[key].openIssues,
+      openIssues: data[key].openIssues,
     }))
     .reverse();
 
@@ -24,18 +24,18 @@ export const GithubOpenIssues = ({ className, data, ...props }: GithubOpenIssues
       <h3 className="px-4 text-lg font-semibold">Github: Open Issues</h3>
 
       <div className="border-border mt-2.5 flex flex-1 items-center justify-center rounded-2xl border shadow-sm hover:shadow">
-        <ResponsiveContainer width="100%" height={400}>
-          <BarChart data={formattedData} margin={{ top: 40, right: 40, bottom: 20, left: 40 }}>
+        <ResponsiveContainer width="100%" height={300}>
+          <BarChart data={formattedData} margin={{ top: 40, right: 20 }}>
             <XAxis dataKey="month" />
             <YAxis />
             <Tooltip
               itemStyle={{
                 color: 'hsl(var(--primary-foreground))',
               }}
-              formatter={(value) => [Number(value), 'Stars']}
+              formatter={(value) => [Number(value), 'Open Issues']}
               cursor={{ fill: 'hsl(var(--primary) / 10%)' }}
             />
-            <Bar dataKey="stars" fill="hsl(var(--primary))" label="Stars" />
+            <Bar dataKey="openIssues" fill="hsl(var(--primary))" label="Open Issues" />
           </BarChart>
         </ResponsiveContainer>
       </div>