diff --git a/app/views/projects/pipelines_settings/_badge.html.haml b/app/views/projects/pipelines_settings/_badge.html.haml
new file mode 100644
index 0000000000000000000000000000000000000000..7b7fa56d993f8c235701918b0625c19b195931af
--- /dev/null
+++ b/app/views/projects/pipelines_settings/_badge.html.haml
@@ -0,0 +1,27 @@
+.row{ class: badge.title.gsub(' ', '-') }
+  .col-lg-3.profile-settings-sidebar
+    %h4.prepend-top-0
+      = badge.title.capitalize
+  .col-lg-9
+    .prepend-top-10
+      .panel.panel-default
+        .panel-heading
+          %b
+            = badge.title.capitalize
+            ·
+          = badge.to_html
+          .pull-right
+            = render 'shared/ref_switcher', destination: 'badges', align_right: true
+        .panel-body
+          .row
+            .col-md-2.text-center
+              Markdown
+            .col-md-10.code.js-syntax-highlight
+              = highlight('.md', badge.to_markdown)
+          .row
+            %hr
+          .row
+            .col-md-2.text-center
+              HTML
+            .col-md-10.code.js-syntax-highlight
+              = highlight('.html', badge.to_html)
diff --git a/app/views/projects/pipelines_settings/_badges.html.haml b/app/views/projects/pipelines_settings/_badges.html.haml
deleted file mode 100644
index 436ae4c237a315ed8558f044f02d76e3667fbafc..0000000000000000000000000000000000000000
--- a/app/views/projects/pipelines_settings/_badges.html.haml
+++ /dev/null
@@ -1,28 +0,0 @@
-- badges.each do |badge|
-  .row{ class: badge.title.gsub(' ', '-') }
-    .col-lg-3.profile-settings-sidebar
-      %h4.prepend-top-0
-        = badge.title.capitalize
-    .col-lg-9
-      .prepend-top-10
-        .panel.panel-default
-          .panel-heading
-            %b
-              = badge.title.capitalize
-              ·
-            = badge.to_html
-            .pull-right
-              = render 'shared/ref_switcher', destination: 'badges', align_right: true
-          .panel-body
-            .row
-              .col-md-2.text-center
-                Markdown
-              .col-md-10.code.js-syntax-highlight
-                = highlight('.md', badge.to_markdown)
-            .row
-              %hr
-            .row
-              .col-md-2.text-center
-                HTML
-              .col-md-10.code.js-syntax-highlight
-                = highlight('.html', badge.to_html)
diff --git a/app/views/projects/pipelines_settings/show.html.haml b/app/views/projects/pipelines_settings/show.html.haml
index 3213fe07ef582132fd7986b824a83bbf15074b03..8c7222bfe3d3122f46264f4f022bf38e4f4e8e84 100644
--- a/app/views/projects/pipelines_settings/show.html.haml
+++ b/app/views/projects/pipelines_settings/show.html.haml
@@ -77,4 +77,4 @@
 %hr
 
 .row.prepend-top-default
-  = render partial: 'badges', object: @badges
+  = render partial: 'badge', collection: @badges