diff --git a/packages/client/src/components/MkDonation.vue b/packages/client/src/components/MkDonation.vue
index 5d3960799..b368b3e4e 100644
--- a/packages/client/src/components/MkDonation.vue
+++ b/packages/client/src/components/MkDonation.vue
@@ -88,20 +88,33 @@ function openExternal(link) {
 </script>
 
 <style lang="scss" scoped>
-.slide-fade-enter {
-    opacity: 1;
-    transform: translateY(0);
-}
-.slide-fade-enter-active {
-    transition: opacity 0.5s, transform 0.5s;
-}
-.slide-fade-leave-to {
+.slide-fade-enter-from {
     opacity: 0;
     transform: translateY(100%);
 }
+
+.slide-fade-enter-active {
+    transition: opacity 0.5s, transform 0.5s;
+}
+
+.slide-fade-enter-to {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.slide-fade-leave-from {
+    opacity: 1;
+    transform: translateY(0);
+}
+
 .slide-fade-leave-active {
     transition: opacity 0.5s, transform 0.5s;
 }
+
+.slide-fade-leave-to {
+    opacity: 0;
+    transform: translateY(100%);
+}
 </style>
 
 <style lang="scss" module>