diff --git a/web/src/components/layout/header.module.scss b/web/src/components/layout/header.module.scss
index 4eb19a4..326be38 100644
--- a/web/src/components/layout/header.module.scss
+++ b/web/src/components/layout/header.module.scss
@@ -60,7 +60,8 @@
 
   &[data-small=true] {
     .headerBar {
-      animation: slideDown .6s ease forwards;
+      transform: translateY(0);
+      transition: transform .6s ease;
     }
   }
 }
@@ -83,7 +84,7 @@
   justify-content: space-between;
   align-items: flex-start;
   transform: translateY(-100%);
-  animation: slideUp .4s ease forwards;
+  transition: transform .4s ease;
 }
 
 .logo {