diff --git a/src/components/RadarChart.tsx b/src/components/RadarChart.tsx
index 1d9b5f5..215e707 100644
--- a/src/components/RadarChart.tsx
+++ b/src/components/RadarChart.tsx
@@ -47,9 +47,15 @@ export function RadarChart({ data, compact }: RadarChartProps) {
 
   if (data.length === 0) return null;
 
+  const initialH = compact ? 112 : 288;
+  const initialW = 300;
   return (
     <div className={compact ? "h-28 w-full" : "h-72 w-full"}>
-      <ResponsiveContainer width="100%" height="100%">
+      <ResponsiveContainer
+        width="100%"
+        height="100%"
+        initialDimension={{ width: initialW, height: initialH }}
+      >
         <RechartsRadar data={data}>
           <PolarGrid stroke={c.grid} />
           <PolarAngleAxis dataKey="dimension" tick={{ fontSize: compact ? 7 : 9, fill: c.axis }} />