diff --git a/apps/schoolCalender/interface.html b/apps/schoolCalender/interface.html
index 48b52c8d7..3106176d2 100644
--- a/apps/schoolCalender/interface.html
+++ b/apps/schoolCalender/interface.html
@@ -3,7 +3,16 @@
     <meta charset='utf-8' />
     <link href='fullcalendar/main.css' rel='stylesheet' />
     <script src='fullcalendar/main.js'></script>
-    </head>
+    <script>
+      document.addEventListener('DOMContentLoaded', function() {
+        var calendarEl = document.getElementById('calendar');
+        var calendar = new FullCalendar.Calendar(calendarEl, {
+          initialView: 'dayGridMonth'
+        });
+        calendar.render();
+      });
+    </script>
+    
     <style>
       body {
         padding: 0;
@@ -24,26 +33,14 @@
         z-index: 100;
       }
     </style>
+    
   </head>
   <body>
-    <div id="map">
-    </div>
+    <div id='calendar'></div>
+    
     <div id="controls">
       <p>Find the area of interest</p>
       <p>If ok, Click <button id="upload" class="btn btn-primary">Upload</button></p>
     </div>
-    <script>
-      
-      document.addEventListener('DOMContentLoaded', function() {
-        var calendarEl = document.getElementById('calendar');
-        var calendar = new FullCalendar.Calendar(calendarEl, {
-          initialView: 'dayGridMonth'
-        });
-        calendar.render();
-      });
-     </script>
-  </head>
-  <body>
-    <div id='calendar'></div>
   </body>
 </html>
