diff --git a/copyparty/web/ui.css b/copyparty/web/ui.css
index a66bb77e..69034da7 100644
--- a/copyparty/web/ui.css
+++ b/copyparty/web/ui.css
@@ -75,7 +75,7 @@ html {
 	top: 1px;
 	right: 1px;
 	left: 1px;
-	animation: toastt var(--tmtime) steps(var(--tmstep)) forwards;
+	animation: toastt var(--tmtime) 0.07s steps(var(--tmstep)) forwards;
 	transform-origin: right;
 }
 @keyframes toastt {
diff --git a/copyparty/web/util.js b/copyparty/web/util.js
index 3b235f02..bff370e0 100644
--- a/copyparty/web/util.js
+++ b/copyparty/web/util.js
@@ -1542,8 +1542,8 @@ var toast = (function () {
 
         var html = '';
         if (sec) {
-            setcvar('--tmtime', sec + 's');
-            setcvar('--tmstep', sec * 15);
+            setcvar('--tmtime', (sec - 0.15) + 's');
+            setcvar('--tmstep', Math.floor(sec * 20));
             html += '<div id="toastt"></div>';
         }
         obj.innerHTML = html + '<a href="#" id="toastc">x</a><div id="toastb">' + lf2br(txt) + '</div>';