diff --git a/web_src/css/modules/animations.css b/web_src/css/modules/animations.css
index 97d723531aa60..2f69117928e83 100644
--- a/web_src/css/modules/animations.css
+++ b/web_src/css/modules/animations.css
@@ -109,4 +109,5 @@ code.language-math.is-loading::after {
 .ui.modal {
   animation-name: fadein;
   animation-duration: 300ms;
+  animation-timing-function: ease-in-out;
 }