diff --git a/app/views/shared/_custom_attributes.html.haml b/app/views/shared/_custom_attributes.html.haml
index 966ab8e3cb1fa6d39ee260ec8a8e84e9701ad9b7..6e5f1cb063c4bb0695dee245052018e22f5bc1cf 100644
--- a/app/views/shared/_custom_attributes.html.haml
+++ b/app/views/shared/_custom_attributes.html.haml
@@ -1,12 +1,13 @@
 - return unless custom_attributes.present?
 
-.card
-  .card-header
+= render Pajamas::CardComponent.new(body_options: { class: 'gl-py-0' }) do |c|
+  - c.header do
     = link_to(_('Custom Attributes'), help_page_path('api/custom_attributes.md'))
-  %ul.content-list
-    - custom_attributes.each do |custom_attribute|
-      %li
-        %span.light
-          = custom_attribute.key
-        %strong
-          = custom_attribute.value
+  - c.body do
+    %ul.content-list
+      - custom_attributes.each do |custom_attribute|
+        %li
+          %span.light
+            = custom_attribute.key
+          %strong
+            = custom_attribute.value