diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index a7a8498f48..a5a99aa2cc 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -302,6 +302,7 @@ $btn-font-weight: $font-weight-medium !default;
 $btn-border-radius: 3px !default;
 
 //cards
+$card-border-width: $border-width !default;
 $card-border-color: $border-color-transparent !default;
 $card-border-radius: $border-radius !default;
 
diff --git a/src/scss/ui/_cards.scss b/src/scss/ui/_cards.scss
index 3893507220..663ec19ef2 100644
--- a/src/scss/ui/_cards.scss
+++ b/src/scss/ui/_cards.scss
@@ -1,5 +1,6 @@
 .card {
   box-shadow: $card-shadow;
+  border: $card-border-width solid $card-border-color;
 
   @media print {
     border: none;