diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less
index ac6d96e836..7b092f56e5 100755
--- a/src/definitions/views/card.less
+++ b/src/definitions/views/card.less
@@ -430,6 +430,7 @@
 .ui.horizontal.cards > .card,
 .ui.card.horizontal {
   flex-direction: row;
+  flex-wrap: wrap;
   min-width: @horizontalMinWidth;
   width: @horizontalWidth;
   max-width: 100%;
@@ -457,6 +458,12 @@
   height: 100%;
   border-radius: @defaultBorderRadius 0 0 @defaultBorderRadius;
 }
+.ui.horizontal.cards > .card > .content, .ui.horizontal.card > .content {
+  flex-basis: 1px;
+}
+.ui.horizontal.cards > .card > .extra, .ui.horizontal.card > .extra {
+  flex-basis: 100%;
+}
 
 /*-------------------
        Raised