diff --git a/app/views/forecasts/_forecast_tabs.html.erb b/app/views/forecasts/_forecast_tabs.html.erb
index 9860d1b4..be916cd8 100644
--- a/app/views/forecasts/_forecast_tabs.html.erb
+++ b/app/views/forecasts/_forecast_tabs.html.erb
@@ -14,4 +14,7 @@
   <%= render partial: "map_selector" %>
   <div id="map" class="map w-full bg-green-200 h-80" data-maptiler-api-key="<%= @maptiler_api_key %>">
   </div>
+  <div class="w-full h-10 bg-stone-700">
+    <%= render "shared/daqi_scale" %>
+  </div>
 </div>
diff --git a/app/views/shared/_daqi_scale.html.erb b/app/views/shared/_daqi_scale.html.erb
index d448c8a0..8a2ac827 100644
--- a/app/views/shared/_daqi_scale.html.erb
+++ b/app/views/shared/_daqi_scale.html.erb
@@ -5,8 +5,8 @@
   <div class="py-2 daqi-level grow bg-yellow-300">4</div>
   <div class="py-2 daqi-level grow bg-amber-200">5</div>
   <div class="py-2 daqi-level grow bg-yellow-500">6</div>
-  <div class="py-2 daqi-level grow bg-orange-500">7</div>
-  <div class="py-2 daqi-level grow bg-red-500">8</div>
-  <div class="py-2 daqi-level grow bg-red-800">9</div>
-  <div class="py-2 daqi-level grow bg-stone-700">10</div>
+  <div class="py-2 daqi-level grow bg-orange-500 text-white">7</div>
+  <div class="py-2 daqi-level grow bg-red-500 text-white">8</div>
+  <div class="py-2 daqi-level grow bg-red-800 text-white">9</div>
+  <div class="py-2 daqi-level grow bg-stone-700 text-white">10</div>
 </div>
diff --git a/app/views/shared/_header.html.erb b/app/views/shared/_header.html.erb
index d6192e28..152211e7 100644
--- a/app/views/shared/_header.html.erb
+++ b/app/views/shared/_header.html.erb
@@ -1,5 +1,4 @@
 <header class="bg-gray-50" >
-  <%= render "shared/daqi_scale" %>
   <div class="flex flex-row p-4" >
     <div class="heading bg-gray-50 grow" >
       <h1 class="text-4xl font-bold">