diff --git a/src/client/app/common/views/components/media-banner.vue b/src/client/app/common/views/components/media-banner.vue
index 69cd57944..48b0d03d3 100644
--- a/src/client/app/common/views/components/media-banner.vue
+++ b/src/client/app/common/views/components/media-banner.vue
@@ -70,7 +70,10 @@ export default Vue.extend({
 		> .mk-media-banner-icon
 			font-size 1.6em
 
-	.mk-media-banner-download
+	.mk-media-banner-download[data-darkmode]
+		background #21242d
+
+	.mk-media-banner-download:not([data-darkmode])
 		background #f7f7f7
 
 	.mk-media-banner-sensitive