diff --git a/cmd/server/assets/admin/events/index.html b/cmd/server/assets/admin/events/index.html
index 93706b9eb..ae3667f4b 100644
--- a/cmd/server/assets/admin/events/index.html
+++ b/cmd/server/assets/admin/events/index.html
@@ -68,9 +68,7 @@ <h1>System event log</h1>
             <div class="list-group-item flex-column align-items-start" id="event">
               <div class="d-flex w-100 justify-content-between">
                 <h5 class="mb-1">{{$event.Action}}</h5>
-                <small
-                  data-timestamp="{{$event.CreatedAt.Format "1/02/2006 3:04:05 PM UTC"}}"
-                  data-toggle="tooltip" title="{{$event.CreatedAt.Format "2006-02-01 15:04 UTC"}}">
+                <small data-timestamp="{{$event.CreatedAt.Format "1/02/2006 3:04:05 PM UTC"}}">
                   {{$event.CreatedAt.Format "2006-02-01 15:04"}}
                 </small>
               </div>
diff --git a/cmd/server/assets/codes/index.html b/cmd/server/assets/codes/index.html
index b7ce19689..90bcbbb81 100644
--- a/cmd/server/assets/codes/index.html
+++ b/cmd/server/assets/codes/index.html
@@ -49,9 +49,7 @@ <h1>Verification code status</h1>
           <a href="/codes/{{$code.UUID}}" class="list-group-item list-group-item-action">
             <span class="text-monospace">{{$code.UUID}}</span>
             <br />
-            <small
-              data-timestamp="{{$code.CreatedAt.Format "1/02/2006 3:04:05 PM UTC"}}"
-              data-toggle="tooltip" title="{{$code.CreatedAt.Format "2006-02-01 15:04 UTC"}}">
+            <small data-timestamp="{{$code.CreatedAt.Format "1/02/2006 3:04:05 PM UTC"}}">
               {{$code.CreatedAt.Format "2006-02-01 15:04"}}
             </small>
           </a>
diff --git a/cmd/server/assets/realmadmin/events.html b/cmd/server/assets/realmadmin/events.html
index 81391dc73..09c2e689f 100644
--- a/cmd/server/assets/realmadmin/events.html
+++ b/cmd/server/assets/realmadmin/events.html
@@ -48,9 +48,7 @@ <h1>Realm event log</h1>
             <div class="list-group-item flex-column align-items-start">
               <div class="d-flex w-100 justify-content-between">
                 <h5 class="mb-1">{{$event.Action}}</h5>
-                <small
-                  data-timestamp="{{$event.CreatedAt.Format "1/02/2006 3:04:05 PM UTC"}}"
-                  data-toggle="tooltip" title="{{$event.CreatedAt.Format "2006-02-01 15:04 UTC"}}">
+                <small data-timestamp="{{$event.CreatedAt.Format "1/02/2006 3:04:05 PM UTC"}}">
                   {{$event.CreatedAt.Format "2006-02-01 15:04"}}
                 </small>
               </div>
diff --git a/cmd/server/assets/static/js/application.js b/cmd/server/assets/static/js/application.js
index aefcb7d77..e8f2e9f46 100644
--- a/cmd/server/assets/static/js/application.js
+++ b/cmd/server/assets/static/js/application.js
@@ -105,31 +105,11 @@ $(function() {
   $("[data-timestamp]").each(function(i, e) {
     let $this = $(e);
     let date = new Date($this.data("timestamp"));
-
-    let year = date.getFullYear();
-    let month = date.getMonth() + 1;
-    if (month < 10) {
-      month = `0${month}`;
-    }
-    let day = date.getDate();
-    if (day < 10) {
-      day = `0${day}`;
-    }
-    let ampm = "AM";
-    let hours = date.getHours();
-    if (hours > 12) {
-      ampm = "PM";
-      hours = hours - 12;
-    }
-    if (hours < 10) {
-      hours = `0${hours}`;
-    }
-    let minutes = date.getMinutes();
-    if (minutes < 10) {
-      minutes = `0${minutes}`;
-    }
-
-    $this.text(`${year}-${month}-${day} ${hours}:${minutes} ${ampm}`);
+    $this.tooltip({
+      placement: "top",
+      title: date.toISOString(),
+    });
+    $this.text(date.toLocaleString());
   });
 
   // Toast shows alerts/flash messages.