diff --git a/src/app/portfolio/[slug]/(portfolio)/your-projects/live/CompletionTrendsChart.tsx b/src/app/portfolio/[slug]/(portfolio)/your-projects/live/CompletionTrendsChart.tsx
index c232c709..dfcd4929 100644
--- a/src/app/portfolio/[slug]/(portfolio)/your-projects/live/CompletionTrendsChart.tsx
+++ b/src/app/portfolio/[slug]/(portfolio)/your-projects/live/CompletionTrendsChart.tsx
@@ -466,13 +466,16 @@ export default function CompletionTrendsChart({
       {isStacked && (
         <RechartsLegend
           wrapperStyle={{ paddingTop: "12px", fontSize: "12px", color: "#6b7280" }}
-          iconType="square"
-          iconSize={10}
-          payload={categories.map((cat, i) => ({
-            value: cat,
-            type: "square" as const,
-            color: colors[i],
-          }))}
+          content={() => (
+            <ul style={{ display: "flex", flexWrap: "wrap", gap: "8px", padding: 0, margin: 0, listStyle: "none" }}>
+              {categories.map((cat, i) => (
+                <li key={cat} style={{ display: "flex", alignItems: "center", gap: "4px" }}>
+                  <span style={{ display: "inline-block", width: 10, height: 10, backgroundColor: colors[i], flexShrink: 0 }} />
+                  <span>{cat}</span>
+                </li>
+              ))}
+            </ul>
+          )}
         />
       )}
     </Card>