diff --git a/src/definitions/views/card.less b/src/definitions/views/card.less
index 331acf9cb..26db3be1d 100755
--- a/src/definitions/views/card.less
+++ b/src/definitions/views/card.less
@@ -343,10 +343,12 @@
 
 .ui.cards > .card > .extra,
 .ui.card > .extra {
-  min-height: 0px !important;
+  max-width: 100%;
+  min-height: 0em !important;
   position: @extraPosition;
   background: @extraBackground;
   width: @extraWidth;
+  margin: @extraMargin;
   padding: @extraPadding;
   top: @extraTop;
   left: @extraLeft;
diff --git a/src/themes/packages/default/views/card.variables b/src/themes/packages/default/views/card.variables
index 715baba6e..34df79b9c 100755
--- a/src/themes/packages/default/views/card.variables
+++ b/src/themes/packages/default/views/card.variables
@@ -105,10 +105,11 @@
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);
 @extraBackground: none;
 @extraPosition: static;
+@extraWidth: auto;
 @extraTop: 0em;
 @extraLeft: 0em;
-@extraWidth: 100%;
-@extraPadding: 0.75em 1em;
+@extraMargin: 0em 1em;
+@extraPadding: 0.75em 0em;
 @extraBoxShadow: none;
 @extraColor: @lightTextColor;
 @extraTransition: color @transitionDuration @transitionEasing;