diff --git a/resources/mmv.ui.download.pane/mmv.ui.download.pane.js b/resources/mmv.ui.download.pane/mmv.ui.download.pane.js
index 2ee431873..e31f7c156 100644
--- a/resources/mmv.ui.download.pane/mmv.ui.download.pane.js
+++ b/resources/mmv.ui.download.pane/mmv.ui.download.pane.js
@@ -84,7 +84,8 @@ const { EmbedFileFormatter, Utils } = require( 'mmv.ui.ondemandshareddependencie
 				.attr( 'target', '_blank' )
 				.attr( 'download', '' )
 				.addClass( 'cdx-button cdx-button--weight-primary cdx-button--action-progressive cdx-button--fake-button cdx-button--fake-button--enabled' )
-				.html( '<span class="cdx-button__icon cdx-button__icon--download" aria-hidden="true"></span>' + mw.message( 'multimediaviewer-download' ).text() )
+				// FIXME T364254: using "notheme" here since codex does not apply @color-inverted-fixed instead of @color-inverted for progressive/destructive button
+				.html( '<span class="cdx-button__icon cdx-button__icon--download notheme" aria-hidden="true"></span>' + mw.message( 'multimediaviewer-download' ).text() )
 				.appendTo( $container );
 		}
 
diff --git a/resources/mmv/ui/mmv.ui.stripeButtons.js b/resources/mmv/ui/mmv.ui.stripeButtons.js
index 6886f452e..8f646831c 100644
--- a/resources/mmv/ui/mmv.ui.stripeButtons.js
+++ b/resources/mmv/ui/mmv.ui.stripeButtons.js
@@ -101,7 +101,8 @@ const UiElement = require( './mmv.ui.js' );
 			}
 
 			$button.empty()
-				.append( $( '<span>' ).addClass( 'cdx-button__icon' ) )
+				// FIXME T364254: using "notheme" here since codex does not apply @color-inverted-fixed instead of @color-inverted for progressive/destructive button
+				.append( $( '<span>' ).addClass( 'cdx-button__icon notheme' ) )
 				.append( mw.message( 'multimediaviewer-repository-local' ).text() )
 				.attr( 'href', descriptionUrl );