diff --git a/scss/_card.scss b/scss/_card.scss
index e1f4d89a25..856d6c6349 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 08b7335de9..a4ff3d06da 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