diff --git a/src/routes/SeasonRoute.tsx b/src/routes/SeasonRoute.tsx
index f18fb0e..e6b269c 100644
--- a/src/routes/SeasonRoute.tsx
+++ b/src/routes/SeasonRoute.tsx
@@ -63,7 +63,7 @@ export function SeasonRoute() {
               season={seasonKey}
               publicKey={publicKey}
               maxSelection={4}
-              className="seatmap"
+              className="seatmap seatmap--season"
               offer={{
                 eyebrow: "2027 membership",
                 priceLabel: "From $480",
diff --git a/src/styles.css b/src/styles.css
index d44f88f..f145caa 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -82,6 +82,12 @@ h2 {
   min-height: 420px;
 }
 
+/* The season picker draws its offer and steps above the map, so it takes the
+   height it needs instead of the fixed map height. */
+.seatmap.seatmap--season {
+  height: auto;
+}
+
 .seat-list {
   list-style: none;
   margin: 0 0 12px;