diff --git a/src/shared/components/analytics/charts.tsx b/src/shared/components/analytics/charts.tsx
index 77599fbca2..a7649305fb 100644
--- a/src/shared/components/analytics/charts.tsx
+++ b/src/shared/components/analytics/charts.tsx
@@ -271,34 +271,35 @@ export function ActivityHeatmap({ activityMap }) {
         ref={scrollRef}
         className="overflow-x-auto"
       >
-        <div className="flex gap-[3px] mb-1 ml-6" style={{ fontSize: "10px" }}>
-          {monthLabels.map((m, i) => (
-            <span
-              key={i}
-              className="text-text-muted"
-              style={{
-                position: "relative",
-                left: `${m.weekIdx * 13}px`,
-                marginLeft: i === 0 ? 0 : "-20px",
-              }}
-            >
-              {m.label}
-            </span>
-          ))}
-        </div>
-
-        <div className="flex gap-[3px]">
-          <div className="flex flex-col gap-[3px] shrink-0 text-[10px] text-text-muted pr-1 sticky left-0 z-10 bg-surface">
-            <span className="h-[10px]"></span>
-            <span className="h-[10px] leading-[10px]">Mon</span>
-            <span className="h-[10px]"></span>
-            <span className="h-[10px] leading-[10px]">Wed</span>
-            <span className="h-[10px]"></span>
-            <span className="h-[10px] leading-[10px]">Fri</span>
-            <span className="h-[10px]"></span>
+        <div className="w-max">
+          <div className="flex gap-[3px] mb-1 ml-6" style={{ fontSize: "10px" }}>
+            {monthLabels.map((m, i) => (
+              <span
+                key={i}
+                className="text-text-muted"
+                style={{
+                  position: "relative",
+                  left: `${m.weekIdx * 13}px`,
+                  marginLeft: i === 0 ? 0 : "-20px",
+                }}
+              >
+                {m.label}
+              </span>
+            ))}
           </div>
 
-          {weeks.map((week, wi) => (
+          <div className="flex gap-[3px]">
+            <div className="flex flex-col gap-[3px] shrink-0 text-[10px] text-text-muted pr-1 sticky left-0 z-10 bg-surface">
+              <span className="h-[10px]"></span>
+              <span className="h-[10px] leading-[10px]">Mon</span>
+              <span className="h-[10px]"></span>
+              <span className="h-[10px] leading-[10px]">Wed</span>
+              <span className="h-[10px]"></span>
+              <span className="h-[10px] leading-[10px]">Fri</span>
+              <span className="h-[10px]"></span>
+            </div>
+
+            {weeks.map((week, wi) => (
             <div key={wi} className="flex flex-col gap-[3px]">
               {week.map((day, di) => (
                 <div
@@ -311,6 +312,7 @@ export function ActivityHeatmap({ activityMap }) {
           ))}
         </div>
       </div>
+      </div>
 
       <div className="flex items-center gap-1 mt-2 ml-6 text-[10px] text-text-muted">
         <span>Less</span>