diff --git a/web/src/components/prediction/Map.vue b/web/src/components/prediction/Map.vue
index 712be8a7..83c360b1 100644
--- a/web/src/components/prediction/Map.vue
+++ b/web/src/components/prediction/Map.vue
@@ -1,7 +1,7 @@
 <template>
     <div class='col col--12'>
         <div class='col col--12 border-b border--gray-light clearfix mb6'>
-            <PredictionHeader/>         
+            <PredictionHeader/>
             <div class='fr'>
                 <button @click='$emit("refresh")' class='mx3 btn btn--stroke color-gray color-blue-on-hover round'><svg class='icon fl'><use href='#icon-refresh'/></svg></button>
             </div>
@@ -101,6 +101,26 @@
                     <div id="map" class='w-full h-full'></div>
                 </div>
             </div>
+                <div class='flex-parent flex-parent--center-main my18'>
+                    <div class='w240 round shadow-darken10 px12 py12 txt-s'>
+                        <div class='flex-parent flex-parent--center-main flex-parent--center-cross align-center'>
+                            <div class='flex-child flex-child--grow wmin24'>
+                                <span class='inline-block w12 h12 round-full bg-gray-light'></span>
+                            </div>
+                            <div class='flex-child flex-child--grow wmin24'>
+                                <span class='inline-block w12 h12 round-full bg-blue-light'></span>
+                            </div>
+                            <div class='flex-child flex-child--grow wmin24'>
+                                <span class='inline-block w12 h12 round-full bg-pink-light'></span>
+                            </div>
+                    </div>
+                    <div class='grid txt-xs align-center'>
+                        <div class='col col--4'>Unvalidated</div>
+                        <div class='col col--4'>Validated<br>True</div>
+                        <div class='col col--4'>Validated <br>False</div>
+                    </div>
+                </div>
+        </div>
         </template>
         <template v-else>
             <div class='col col--12 py6'>
@@ -113,26 +133,6 @@
                 </div>
             </div>
         </template>
-        <div class='flex-parent flex-parent--center-main my18'>
-            <div class='w240 round shadow-darken10 px12 py12 txt-s'>
-                <div class='flex-parent flex-parent--center-main flex-parent--center-cross align-center'>
-                    <div class='flex-child flex-child--grow wmin24'>
-                        <span class='inline-block w12 h12 round-full bg-gray-light'></span>
-                    </div>
-                    <div class='flex-child flex-child--grow wmin24'>
-                        <span class='inline-block w12 h12 round-full bg-blue-light'></span>
-                    </div>
-                    <div class='flex-child flex-child--grow wmin24'>
-                        <span class='inline-block w12 h12 round-full bg-pink-light'></span>
-                    </div>
-            </div>
-            <div class='grid txt-xs align-center'>
-                <div class='col col--4'>Unvalidated</div>
-                <div class='col col--4'>Validated<br>True</div>
-                <div class='col col--4'>Validated <br>False</div>
-            </div>
-        </div>
-</div>
     </div>
 </template>
 
@@ -451,5 +451,4 @@ export default {
         PredictionHeader
     }
 }
-</script>
-
+</script>
\ No newline at end of file