diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
index 58825cdba..3e547d7ec 100644
--- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
+++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
@@ -10,7 +10,7 @@
 .mw-mmv-post-image {
 	.animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards );
 	&.invite {
-		.animation( mw-mmv-invite-animation 1s ease 0s 1 normal forwards );
+		.animation( mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards );
 	}
 
 	.jq-fullscreened & {
@@ -50,10 +50,10 @@
 	0% {
 		margin-top: 0px;
 	}
-	33% {
-		margin-top: -30px;
+	30% {
+		margin-top: -15px;
 	}
-	100% {
+	85% {
 		margin-top: 0;
 	}
 }
@@ -131,9 +131,40 @@
 		background-image: url(img/drag-active.svg);
 		background-color: @drag-icon-invite-color;
 		.opacity(1);
+		.animation( mw-mmv-appear-chevron-animation 1.4s ease 0s 1 normal forwards );
 	}
 
 	.jq-fullscreened & {
 		display: none;
 	}
 }
+
+.mw-mmv-appear-chevron-animation() {
+	0% {
+		opacity: 0;
+	}
+	85% {
+		opacity: 0;
+		bottom: -5px;
+	}
+	100% {
+		opacity: 1;
+		bottom: 0px;
+	}
+}
+
+@-webkit-keyframes mw-mmv-appear-chevron-animation {
+	.mw-mmv-appear-chevron-animation;
+}
+
+@-moz-keyframes mw-mmv-appear-chevron-animation {
+	.mw-mmv-appear-chevron-animation;
+}
+
+@-o-keyframes mw-mmv-appear-chevron-animation {
+	.mw-mmv-appear-chevron-animation;
+}
+
+@keyframes mw-mmv-appear-chevron-animation {
+	.mw-mmv-appear-chevron-animation;
+}