diff --git a/src/assets/scss/animation.scss b/src/assets/scss/animation.scss
index f362ecd..4b953aa 100644
--- a/src/assets/scss/animation.scss
+++ b/src/assets/scss/animation.scss
@@ -111,11 +111,11 @@
 }
 
 .fade-bottom {
-  -webkit-animation: fade-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
-  animation: fade-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
+  -webkit-animation: fade-bottom 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
+  animation: fade-bottom 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
 }
 
-@-webkit-keyframes fade-top {
+@-webkit-keyframes fade-bottom {
   0% {
     -webkit-transform: scaleY(0.4);
     transform: scaleY(0.4);
@@ -130,7 +130,7 @@
   }
 }
 
-@keyframes fade-top {
+@keyframes fade-bottom {
   0% {
     -webkit-transform: scaleY(0.4);
     transform: scaleY(0.4);