diff --git a/frontend/src/component/personalDashboard/FlagMetricsChart.tsx b/frontend/src/component/personalDashboard/FlagMetricsChart.tsx
index 16cd5cb161..6dd5405f85 100644
--- a/frontend/src/component/personalDashboard/FlagMetricsChart.tsx
+++ b/frontend/src/component/personalDashboard/FlagMetricsChart.tsx
@@ -43,6 +43,7 @@ const placeholderData = (theme: Theme, label?: string) => ({
 
 const ChartWrapper = styled('div')({
     width: '80%',
+    flexGrow: 1,
 });
 
 export const PlaceholderFlagMetricsChart: React.FC<{ label?: string }> = ({
@@ -185,6 +186,8 @@ const ChartContainer = styled('div')(({ theme }) => ({
     flexDirection: 'column',
     gap: theme.spacing(3),
     alignItems: 'center',
+    height: '100%',
+    justifyContent: 'space-between',
 }));
 
 const StyledExposure = styled(FlagExposure)({
diff --git a/frontend/src/component/personalDashboard/Grid.tsx b/frontend/src/component/personalDashboard/Grid.tsx
index 52d64a65a6..11f25ecf3d 100644
--- a/frontend/src/component/personalDashboard/Grid.tsx
+++ b/frontend/src/component/personalDashboard/Grid.tsx
@@ -49,7 +49,7 @@ export const ProjectGrid = styled(ContentGrid)(
 export const FlagGrid = styled(ContentGrid)(
     onWideContainer({
         gridTemplateColumns: '1fr 1fr 1fr',
-        gridTemplateRows: '480px',
+        gridTemplateRows: '410px',
         display: 'grid',
         gridTemplateAreas: `
                 "flags chart chart"
diff --git a/frontend/src/component/personalDashboard/createChartOptions.ts b/frontend/src/component/personalDashboard/createChartOptions.ts
index 881abdec56..e8897c501b 100644
--- a/frontend/src/component/personalDashboard/createChartOptions.ts
+++ b/frontend/src/component/personalDashboard/createChartOptions.ts
@@ -40,6 +40,7 @@ export const createPlaceholderBarChartOptions = (
         },
     },
     responsive: true,
+    maintainAspectRatio: false,
     scales: {
         x: {
             stacked: true,
@@ -78,7 +79,7 @@ export const createBarChartOptions = (
     hoursBack: number,
     locationSettings: ILocationSettings,
 ): ChartOptions<'bar'> => {
-    const { responsive, elements, interaction, scales } =
+    const { responsive, elements, interaction, scales, maintainAspectRatio } =
         createPlaceholderBarChartOptions(theme);
     return {
         plugins: {
@@ -153,6 +154,7 @@ export const createBarChartOptions = (
             },
         },
         responsive,
+        maintainAspectRatio,
         scales: {
             x: {
                 ...(scales ? scales.x : {}),