diff --git a/attendancetracker/public/favicon.ico b/attendancetracker/public/favicon.ico
deleted file mode 100644
index df36fcf..0000000
Binary files a/attendancetracker/public/favicon.ico and /dev/null differ
diff --git a/attendancetracker/public/index.html b/attendancetracker/public/index.html
index 8048402..c5bb224 100644
--- a/attendancetracker/public/index.html
+++ b/attendancetracker/public/index.html
@@ -4,12 +4,27 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Attendance Tracker</title>
   </head>
+  <style>
+    #sorry {
+      text-align: center;
+      margin-top: 24%; 
+      font-family: Roboto, Open Sans, sans-serif;
+      color: black; 
+    }
+    #oops {
+      font-size: 40px; 
+      color: #134074; 
+    }
+  </style> 
   <body>
     <noscript>
-      <strong>We're sorry but Attendance Tracker doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <div id="sorry">
+      <strong id="oops">Uh oh, JavaScript seems to have kicked the bucket</strong>
+      <br> <br>
+      <strong>We're sorry, but Attendance Tracker doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      </div> 
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
diff --git a/attendancetracker/src/components/Calendar.vue b/attendancetracker/src/components/Calendar.vue
index 1371e99..92b3c35 100644
--- a/attendancetracker/src/components/Calendar.vue
+++ b/attendancetracker/src/components/Calendar.vue
@@ -35,10 +35,11 @@
   </b-navbar>
 </div>
 
-        <h1>Attendance for {{user}}:</h1>
+        <h1>Attendance Calendar for {{user}}:</h1>
         <form @submit.prevent="att">
+        <br><br><br>
         <div id="cal">
-          <b-calendar v-model="value" locale="en-US" class="cal" selected-variant="info" width="35vw" hide-header>
+          <b-calendar v-model="value" locale="en-US" class="cal" selected-variant="primary" width="35vw" hide-header>
           <div class="d-flex" dir="ltr">
             <b-button
               size="sm"
@@ -46,7 +47,7 @@
               v-if="value"
               @click="clearDate"
             >
-              Clear date
+            Clear date
             </b-button>
             <b-button
               size="sm"
