1 files changed, 10 insertions, 4 deletions
diff --git a/app/assets/javascripts/diffs/components/diff_file_header.vue b/app/assets/javascripts/diffs/components/diff_file_header.vue
index c832898acdd..fa36e4aa1c2 100644
--- a/app/assets/javascripts/diffs/components/diff_file_header.vue
+++ b/app/assets/javascripts/diffs/components/diff_file_header.vue
@@ -236,11 +236,17 @@ export default {
       >
       </a>
 
-      <button
-        v-if="diffFile.environment"
+      <a
+        v-if="diffFile.externalUrl"
+        :href="diffFile.externalUrl"
+        :title="`View on ${diffFile.formattedExternalUrl}`"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="btn btn-file-option"
+        v-tooltip
       >
-        {{ s__('MergeRequests|View on environment') }}
-      </button>
+       <icon name="external-link" />
+      </a>
     </div>
   </div>
 </template>