diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0943d3f6..2a284a7e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Changed
 
 - Cookies class parameter `extraPolicies` moved to key inside the options object parameter
+- Card actions are now buttons using `.tna-button`
 
 ### Deprecated
 ### Removed
diff --git a/src/nationalarchives/components/card/card.scss b/src/nationalarchives/components/card/card.scss
index abf40ae8..c9f8c944 100644
--- a/src/nationalarchives/components/card/card.scss
+++ b/src/nationalarchives/components/card/card.scss
@@ -78,8 +78,6 @@
   }
 
   &__actions {
-    margin-top: 2rem;
-
     order: 4;
   }
 
diff --git a/src/nationalarchives/components/card/template.njk b/src/nationalarchives/components/card/template.njk
index 0d8ce010..c1d61ab9 100644
--- a/src/nationalarchives/components/card/template.njk
+++ b/src/nationalarchives/components/card/template.njk
@@ -81,9 +81,9 @@
     {%- endif %}
     </div>
   {%- if params.actions %}
-    <div class="tna-card__actions">
+    <div class="tna-card__actions tna-button-group">
     {%- for item in params.actions %}
-      <a href="{{ item.href }}" class="tna-card__action{% if params.hrefClasses %} {{ params.hrefClasses }}{% endif %}" {%- if item.title %} title="{{ item.title }}"{% endif %} {%- for attribute, value in params.hrefAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+      <a href="{{ item.href }}" class="tna-button{% if params.hrefClasses %} {{ params.hrefClasses }}{% endif %}" {%- if item.title %} title="{{ item.title }}"{% endif %} {%- for attribute, value in params.hrefAttributes %} {{ attribute }}="{{ value }}"{% endfor %}>
         {%- if item.brandIcon %}
         <i class="fa-brands fa-fw fa-{{ item.brandIcon }}"></i>
         {%- elseif item.icon %}