diff --git a/scss/_card.scss b/scss/_card.scss
index e1f4d89a25859d677932ab3c7c24d10e9ca7acb3..856d6c6349cfbb6588bf4cdd763b590fa7b83773 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -315,7 +315,7 @@
 @include media-breakpoint-up(sm) {
   .card-columns {
     column-count: 3;
-    column-gap: 1.25rem;
+    column-gap: $card-columns-sm-up-column-gap;
 
     .card {
       display: inline-block;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 08b7335de94fee7f97c385634951dcb4167532d2..a4ff3d06da6ab8b6fc5d68504584139a31ee755a 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -578,6 +578,8 @@ $card-link-hover-color:    #fff !default;
 
 $card-deck-margin:         .625rem !default;
 
+$card-columns-sm-up-column-gap: 1.25rem !default;
+
 
 // Tooltips