diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less
index fd7570695..bce27817f 100755
--- a/src/definitions/views/card.less
+++ b/src/definitions/views/card.less
@@ -598,6 +598,7 @@ a.ui.card:hover,
   margin-right: @oneCardOffset;
 }
 .ui.one.cards > .card {
+  flex-basis: @oneCard;
   width: @oneCard;
 }
 
@@ -606,6 +607,7 @@ a.ui.card:hover,
   margin-right: @twoCardOffset;
 }
 .ui.two.cards > .card {
+  flex-basis: @twoCard;
   width: @twoCard;
   margin-left: @twoCardSpacing;
   margin-right: @twoCardSpacing;
@@ -619,6 +621,7 @@ a.ui.card:hover,
   margin-right: @threeCardOffset;
 }
 .ui.three.cards > .card {
+  flex-basis: @threeCard;
   width: @threeCard;
   margin-left: @threeCardSpacing;
   margin-right: @threeCardSpacing;
@@ -632,6 +635,7 @@ a.ui.card:hover,
   margin-right: @fourCardOffset;
 }
 .ui.four.cards > .card {
+  flex-basis: @fourCard;
   width: @fourCard;
   margin-left: @fourCardSpacing;
   margin-right: @fourCardSpacing;
@@ -645,6 +649,7 @@ a.ui.card:hover,
   margin-right: @fiveCardOffset;
 }
 .ui.five.cards > .card {
+  flex-basis: @fiveCard;
   width: @fiveCard;
   margin-left: @fiveCardSpacing;
   margin-right: @fiveCardSpacing;
@@ -658,6 +663,7 @@ a.ui.card:hover,
   margin-right: @sixCardOffset;
 }
 .ui.six.cards > .card {
+  flex-basis: @sixCard;
   width: @sixCard;
   margin-left: @sixCardSpacing;
   margin-right: @sixCardSpacing;
@@ -671,6 +677,7 @@ a.ui.card:hover,
   margin-right: @sevenCardOffset;
 }
 .ui.seven.cards > .card {
+  flex-basis: @sevenCard;
   width: @sevenCard;
   margin-left: @sevenCardSpacing;
   margin-right: @sevenCardSpacing;
@@ -684,6 +691,7 @@ a.ui.card:hover,
   margin-right: @eightCardOffset;
 }
 .ui.eight.cards > .card {
+  flex-basis: @eightCard;
   width: @eightCard;
   margin-left: @eightCardSpacing;
   margin-right: @eightCardSpacing;
@@ -698,6 +706,7 @@ a.ui.card:hover,
   margin-right: @nineCardOffset;
 }
 .ui.nine.cards > .card {
+  flex-basis: @nineCard;
   width: @nineCard;
   margin-left: @nineCardSpacing;
   margin-right: @nineCardSpacing;
@@ -712,6 +721,7 @@ a.ui.card:hover,
   margin-right: @tenCardOffset;
 }
 .ui.ten.cards > .card {
+  flex-basis: @tenCard;
   width: @tenCard;
   margin-left: @tenCardSpacing;
   margin-right: @tenCardSpacing;
@@ -732,6 +742,7 @@ a.ui.card:hover,
     margin-right: @oneCardOffset;
   }
   .ui.two.doubling.cards .card {
+    flex-basis: @oneCard;
     width: @oneCard;
     margin-left: @oneCardSpacing;
     margin-right: @oneCardSpacing;
@@ -741,6 +752,7 @@ a.ui.card:hover,
     margin-right: @twoCardOffset;
   }
   .ui.three.doubling.cards .card {
+    flex-basis: @twoCard;
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -750,6 +762,7 @@ a.ui.card:hover,
     margin-right: @twoCardOffset;
   }
   .ui.four.doubling.cards .card {
+    flex-basis: @twoCard;
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -759,6 +772,7 @@ a.ui.card:hover,
     margin-right: @twoCardOffset;
   }
   .ui.five.doubling.cards .card {
+    flex-basis: @twoCard;
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -768,6 +782,7 @@ a.ui.card:hover,
     margin-right: @twoCardOffset;
   }
   .ui.six.doubling.cards .card {
+    flex-basis: @twoCard;
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -777,6 +792,7 @@ a.ui.card:hover,
     margin-right: @threeCardOffset;
   }
   .ui.seven.doubling.cards .card {
+    flex-basis: @threeCard;
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -786,6 +802,7 @@ a.ui.card:hover,
     margin-right: @threeCardOffset;
   }
   .ui.eight.doubling.cards .card {
+    flex-basis: @threeCard;
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -795,6 +812,7 @@ a.ui.card:hover,
     margin-right: @threeCardOffset;
   }
   .ui.nine.doubling.cards .card {
+    flex-basis: @threeCard;
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -804,6 +822,7 @@ a.ui.card:hover,
     margin-right: @threeCardOffset;
   }
   .ui.ten.doubling.cards .card {
+    flex-basis: @threeCard;
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -817,6 +836,7 @@ a.ui.card:hover,
     margin-right: @oneCardOffset;
   }
   .ui.two.doubling.cards .card {
+    flex-basis: @oneCard;
     width: @oneCard;
     margin-left: @oneCardSpacing;
     margin-right: @oneCardSpacing;
@@ -826,6 +846,7 @@ a.ui.card:hover,
     margin-right: @twoCardOffset;
   }
   .ui.three.doubling.cards .card {
+    flex-basis: @twoCard;
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -835,6 +856,7 @@ a.ui.card:hover,
     margin-right: @twoCardOffset;
   }
   .ui.four.doubling.cards .card {
+    flex-basis: @twoCard;
     width: @twoCard;
     margin-left: @twoCardSpacing;
     margin-right: @twoCardSpacing;
@@ -844,6 +866,7 @@ a.ui.card:hover,
     margin-right: @threeCardOffset;
   }
   .ui.five.doubling.cards .card {
+    flex-basis: @threeCard;
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -853,6 +876,7 @@ a.ui.card:hover,
     margin-right: @threeCardOffset;
   }
   .ui.six.doubling.cards .card {
+    flex-basis: @threeCard;
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -862,6 +886,7 @@ a.ui.card:hover,
     margin-right: @threeCardOffset;
   }
   .ui.eight.doubling.cards .card {
+    flex-basis: @threeCard;
     width: @threeCard;
     margin-left: @threeCardSpacing;
     margin-right: @threeCardSpacing;
@@ -871,6 +896,7 @@ a.ui.card:hover,
     margin-right: @fourCardOffset;
   }
   .ui.eight.doubling.cards .card {
+    flex-basis: @fourCard;
     width: @fourCard;
     margin-left: @fourCardSpacing;
     margin-right: @fourCardSpacing;
@@ -880,6 +906,7 @@ a.ui.card:hover,
     margin-right: @fourCardOffset;
   }
   .ui.nine.doubling.cards .card {
+    flex-basis: @fourCard;
     width: @fourCard;
     margin-left: @fourCardSpacing;
     margin-right: @fourCardSpacing;
@@ -889,6 +916,7 @@ a.ui.card:hover,
     margin-right: @fiveCardOffset;
   }
   .ui.ten.doubling.cards .card {
+    flex-basis: @fiveCard;
     width: @fiveCard;
     margin-left: @fiveCardSpacing;
     margin-right: @fiveCardSpacing;