diff --git a/styles/public/modal.tsx b/styles/public/modal.tsx
index 8a2d030..385285e 100644
--- a/styles/public/modal.tsx
+++ b/styles/public/modal.tsx
@@ -1,7 +1,9 @@
+import { animationDown } from "src/core/theme";
 import { css, themeVars } from "src/types/vars";
 
 export const modal = css`
   .ui.modal {
+    animation: ${animationDown};
     border: 1.5px solid ${themeVars.color.light.border};
 
     > .header {
diff --git a/styles/public/transition.scss b/styles/public/transition.scss
index 5f66ae4..1da5301 100644
--- a/styles/public/transition.scss
+++ b/styles/public/transition.scss
@@ -37,7 +37,6 @@
 textarea,
 .ui.form input,
 .menu .item,
-.ui.modal,
 .job-step-summary,
 .job-step-logs,
 .job-brief-item {