diff --git a/src/scss/ui/_cards.scss b/src/scss/ui/_cards.scss
index a9cae226b..c20cebd29 100644
--- a/src/scss/ui/_cards.scss
+++ b/src/scss/ui/_cards.scss
@@ -33,12 +33,12 @@
 
 
 .card-img,
-.card-img-left {
+.card-img-start {
   @include border-start-radius($card-inner-border-radius);
 }
 
 .card-img,
-.card-img-right {
+.card-img-end {
   @include border-end-radius($card-inner-border-radius);
 }
 
@@ -168,10 +168,18 @@
   flex: 1;
 }
 
+/*
+Card footer
+ */
 .card-footer {
   margin-top: auto;
 }
 
+.card-footer-gray {
+  border-top: 0;
+  background: $min-black;
+}
+
 .card-progress {
   height: .25rem;