diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css
index 3b1790251..569ee3fd8 100644
--- a/app/assets/stylesheets/card-columns.css
+++ b/app/assets/stylesheets/card-columns.css
@@ -264,7 +264,7 @@
     .card--new {
       --border-color: var(--color-selected-dark);
       --border-size: 1px;
-      --card-padding-block: calc(var(--block-space) * 1.5) var(--block-space);
+      --card-padding-block: var(--block-space);
 
       border: 1px solid var(--color-selected-dark);
       text-align: center;
@@ -282,6 +282,7 @@
 
       footer {
         font-size: var(--text-x-small);
+        margin-block-end: calc(var(--block-space) / -2);
       }
     }
 
diff --git a/app/views/cards/index/_add_card_button.html.erb b/app/views/cards/index/_add_card_button.html.erb
index 3f44b47fb..1d5578caf 100644
--- a/app/views/cards/index/_add_card_button.html.erb
+++ b/app/views/cards/index/_add_card_button.html.erb
@@ -1,5 +1,5 @@
 <% if collection = user_filtering.single_collection %>
-  <div class="card card--new flex flex-column gap">
+  <div class="card card--new flex flex-column gap-half">
     <%= button_to collection_cards_path(collection), method: :post, class: "btn btn--link" do %>
       <%= icon_tag "add" %>
       <span>Add a card</span>