diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.js b/resources/mmv/ui/mmv.ui.metadataPanelScroller.js
index 436cf675c..57b1b0d41 100644
--- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.js
+++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.js
@@ -225,6 +225,7 @@
 		var panelIsOpen = !!$.scrollTo().scrollTop();
 
 		this.$dragIcon.toggleClass( 'panel-open', panelIsOpen );
+		this.$container.toggleClass( 'panel-open', panelIsOpen );
 
 		if ( panelIsOpen && !this.panelIsOpen ) { // just opened (this is skipped in some cases, see the $dragIcon click handler)
 			this.$container.trigger( 'mmv-metadata-open' );
diff --git a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
index 3e547d7ec..0bb2c7312 100644
--- a/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
+++ b/resources/mmv/ui/mmv.ui.metadataPanelScroller.less
@@ -9,6 +9,8 @@
 
 .mw-mmv-post-image {
 	.animation( mw-mmv-appear-animation 0.5s ease 0s 1 normal forwards );
+	transition: box-shadow 0.25s;
+
 	&.invite {
 		.animation( mw-mmv-invite-animation 0.9s ease 0.2s 1 normal forwards );
 	}
@@ -16,6 +18,10 @@
 	.jq-fullscreened & {
 		.animation(none);
 	}
+
+	&.panel-open {
+		box-shadow: 0 -4px 0px rgba(0,0,0,0.2);
+	}
 }
 
 .mw-mmv-appear-animation() {