diff --git a/_includes/components/sections/ai-usage.njk b/_includes/components/sections/ai-usage.njk
index e407d0e..a8da404 100644
--- a/_includes/components/sections/ai-usage.njk
+++ b/_includes/components/sections/ai-usage.njk
@@ -52,7 +52,7 @@
     <h3 class="text-lg font-semibold text-surface-900 dark:text-surface-100 mb-3">AI-Involved Posts Over Time</h3>
     <p class="text-sm text-surface-500 dark:text-surface-400 mb-4">Highlighted days had posts with AI involvement (level 1+). Empty boxes represent days with no AI-involved posts.</p>
     {% set graphLimit = sectionConfig.limit or 1 %}
-    {% postGraph aiPostsList, { prefix: "ai-section", limit: graphLimit, highlightColorLight: "#d97706", highlightColorDark: "#fbbf24" } %}
+    {% postGraph aiPostsList, { prefix: "ai-section", limit: graphLimit, boxColorDark: "#44403c", highlightColorLight: "#d97706", highlightColorDark: "#fbbf24" } %}
     {% endif %}
   </div>
 
diff --git a/_includes/components/widgets/ai-usage.njk b/_includes/components/widgets/ai-usage.njk
index 03d4557..abb6df5 100644
--- a/_includes/components/widgets/ai-usage.njk
+++ b/_includes/components/widgets/ai-usage.njk
@@ -50,7 +50,7 @@
   {# Compact post-graph — current year only, AI posts highlighted #}
   {% if aiPostsList and aiPostsList.length %}
   <div class="text-[10px] text-surface-500 dark:text-surface-400 mb-2">AI-involved posts this year</div>
-  {% postGraph aiPostsList, { prefix: "ai-widget", limit: 1, highlightColorLight: "#d97706", highlightColorDark: "#fbbf24" } %}
+  {% postGraph aiPostsList, { prefix: "ai-widget", limit: 1, noLabels: true, boxColorDark: "#44403c", highlightColorLight: "#d97706", highlightColorDark: "#fbbf24" } %}
   {% endif %}
 
   <a href="/ai/" class="text-sm text-amber-600 dark:text-amber-400 hover:underline flex items-center gap-1 mt-3">