diff --git a/app/assets/stylesheets/application.tailwind.css.scss b/app/assets/stylesheets/application.tailwind.css.scss
index 1f852d86..a764a6fa 100644
--- a/app/assets/stylesheets/application.tailwind.css.scss
+++ b/app/assets/stylesheets/application.tailwind.css.scss
@@ -86,6 +86,10 @@ main {
   border-radius: 0 0 10px 10px;
 }
 
+.map {
+  @apply w-full h-80;
+}
+
 .daqi-scale {
   @apply flex flex-row;
 
@@ -136,7 +140,7 @@ main {
 }
 
 select {
-  @apply inline-flex flex-row w-full gap-x-1.5 rounded-md bg-white px-3 py-2 text-base font-semibold text-gray-500 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50;
+  @apply inline-flex flex-row w-full gap-x-1.5 rounded-md bg-white px-3 py-2 text-base text-gray-500 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50;
 }
 
 .home-page-link {
diff --git a/app/views/forecasts/_map.html.erb b/app/views/forecasts/_map.html.erb
index 153a82aa..cd5cea71 100644
--- a/app/views/forecasts/_map.html.erb
+++ b/app/views/forecasts/_map.html.erb
@@ -1,4 +1,4 @@
-<%= render "pollutant_selector" %>
-<div id="map" class="map w-full h-80" data-maptiler-api-key="<%= @maptiler_api_key %>" data-map-target="map"></div>
+<div id="map" class="map" data-maptiler-api-key="<%= @maptiler_api_key %>" data-map-target="map"></div>
 <%= render "shared/daqi_scale" %>
-<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %>
\ No newline at end of file
+<%= link_to("Learn more about the colour scale", health_advice_path, class: "text-sm text-blue-600 underline") %>
+<%= render "pollutant_selector" %>
\ No newline at end of file