diff --git a/public/css/Tempus.css b/public/css/Tempus.css
index 72384c9c7..6903325b3 100644
--- a/public/css/Tempus.css
+++ b/public/css/Tempus.css
@@ -189,12 +189,14 @@ body {
   position: relative;
   z-index: 10;
   animation: modernFocus 1s ease-out;
+  border-radius: 0.25rem;
 }
 
 .updated-event-long {
   position: relative;
   z-index: 10;
   animation: modernFocus 1.8s ease-out;
+  border-radius: 0.25rem;
 }
 
 @keyframes modernFocus {
diff --git a/public/js/components/Tempus/Tempus.js b/public/js/components/Tempus/Tempus.js
index 9d0cc2764..9094d481a 100644
--- a/public/js/components/Tempus/Tempus.js
+++ b/public/js/components/Tempus/Tempus.js
@@ -908,7 +908,7 @@ export default {
           ? "deemphasized-event"
           : "deemphasized-event-long";
 
-        if (!isInsideScrolledView) timeout = 500;
+        if (!isInsideScrolledView) timeout = 300;
 
         setTimeout(() => {
           eventEl.classList.add(emphasizeUpdateClassName);