diff --git a/src/app/components/seasonal/themes/EarthDay.tsx b/src/app/components/seasonal/themes/EarthDay.tsx
index b7b237914..9d5750028 100644
--- a/src/app/components/seasonal/themes/EarthDay.tsx
+++ b/src/app/components/seasonal/themes/EarthDay.tsx
@@ -183,15 +183,17 @@ export function EarthDayOverlay({ reduced }: SeasonalOverlayProps) {
         ))}
       </div>
 
-      {/* ── Blue-marble Earth tucked into the bottom-right corner ── */}
+      {/* ── Blue-marble Earth tucked into the bottom-right corner ──
+          Kept above the composer strip: bottom offset + size keep the
+          globe's footprint within the top ~90% of the viewport. ── */}
       <div
         aria-hidden="true"
         style={{
           position: 'absolute',
-          right: '-6%',
-          bottom: '-10%',
-          width: '300px',
-          height: '300px',
+          right: '-4%',
+          bottom: '10%',
+          width: '200px',
+          height: '200px',
           contain: 'layout paint style',
           willChange: reduced ? undefined : 'transform, opacity',
           transform: reduced ? 'scale(1.02)' : undefined,