replaced download icon for the sprite based one

1 files changed, 5 insertions, 2 deletions

diff --git a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.js b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.js
index 13e4cb5717e..1f8bd2646ea 100644
--- a/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.js
+++ b/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_header.js
@@ -1,5 +1,6 @@
 import tooltip from '../../vue_shared/directives/tooltip';
 import { pluralize } from '../../lib/utils/text_utility';
+import { spriteIcon } from '../../lib/utils/common_utils';
 
 export default {
   name: 'MRWidgetHeader',
@@ -25,6 +26,9 @@ export default {
         gfm: `\`${this.mr.sourceBranch}\``,
       });
     },
+    downloadIcon() {
+      return spriteIcon('download');
+    },
   },
   methods: {
     isBranchTitleLong(branchTitle) {
@@ -82,8 +86,7 @@ export default {
             aria-label="Download as"
             role="button">
             <i
-              class="fa fa-download"
-              aria-hidden="true">
+              v-html="downloadIcon">
             </i>
             <i
               class="fa fa-caret-down"