diff --git a/website/client/src/assets/scss/button.scss b/website/client/src/assets/scss/button.scss
index 4bbdc7819f..6c25f3f3ea 100644
--- a/website/client/src/assets/scss/button.scss
+++ b/website/client/src/assets/scss/button.scss
@@ -176,11 +176,11 @@
 
 .btn-warning {
   background: $orange-10;
-  border: 1px solid transparent;
+  color: $white;
 
   &:hover:not(:disabled):not(.disabled) {
     background: $orange-100;
-    border: 1px solid transparent;
+    color: $white;
   }
 
   &:focus {
@@ -195,7 +195,6 @@
 
   &:not(:disabled):not(.disabled):active, &:not(:disabled):not(.disabled).active {
     background: $orange-10;
-    border: 1px solid transparent;
   }
 }
 
diff --git a/website/client/src/components/appFooter.vue b/website/client/src/components/appFooter.vue
index b6dd901cd4..186dcdba57 100644
--- a/website/client/src/components/appFooter.vue
+++ b/website/client/src/components/appFooter.vue
@@ -308,10 +308,12 @@
         >-30 Days</a>
         <div class="my-2">
           Time Traveling! It is {{ new Date().toLocaleDateString() }}
-          <a
+          <button
             class="btn btn-warning mr-1"
             @click="resetTime()"
-          >Reset</a>
+          >
+            Reset
+          </button>
         </div>
         <a
           class="btn btn-secondary mr-1"