diff --git a/app/views/projects/badges/index.html.haml b/app/views/projects/badges/index.html.haml
index 52e68ea7080..b6524153703 100644
--- a/app/views/projects/badges/index.html.haml
+++ b/app/views/projects/badges/index.html.haml
@@ -9,12 +9,12 @@
       .row
         .col-md-2.text-center
           Markdown
-        .col-md-10
-          = markdown("```markdown\n#{@badge.to_markdown}\n```")
+        .col-md-10.code.js-syntax-highlight
+          = highlight('.md', @badge.to_markdown)
       .row
         %hr
       .row
         .col-md-2.text-center
           HTML
-        .col-md-10
-          = markdown("```html\n#{@badge.to_html}\n```")
+        .col-md-10.code.js-syntax-highlight
+          = highlight('.html', @badge.to_html)