1 files changed, 9 insertions, 9 deletions

diff --git a/app/views/projects/settings/ci_cd/_badge.html.haml b/app/views/projects/settings/ci_cd/_badge.html.haml
index 38d8c8d26e1..99eef38827b 100644
--- a/app/views/projects/settings/ci_cd/_badge.html.haml
+++ b/app/views/projects/settings/ci_cd/_badge.html.haml
@@ -2,15 +2,15 @@
   .col-lg-12
     %h4
       = badge.title.capitalize
-    .card
-      .card-header
-        %b
-          = badge.title.capitalize
-          ·
-        = badge.to_html
-        .float-right
-          = render 'shared/ref_switcher', destination: 'badges', align_right: true
-      .card-body
+    = render Pajamas::CardComponent.new(card_options: { class: 'gl-mb-5' }, header_options: { class: 'gl-display-flex gl-align-items-center' }) do |c|
+      - c.header do
+        .gl-flex-grow-1
+          %b
+            = badge.title.capitalize
+            ·
+          = badge.to_html
+        = render 'shared/ref_switcher', destination: 'badges', align_right: true
+      - c.body do
         .row
           .col-md-2.gl-text-center
             Markdown