diff --git a/ui/src/components/card/QCard.js b/ui/src/components/card/QCard.js
index a1f002c0cee..0767827a5b3 100644
--- a/ui/src/components/card/QCard.js
+++ b/ui/src/components/card/QCard.js
@@ -16,6 +16,7 @@ export default createComponent({
       default: 'div'
     },
 
+    dense: Boolean,
     square: Boolean,
     flat: Boolean,
     bordered: Boolean
@@ -28,6 +29,7 @@ export default createComponent({
     const classes = computed(() =>
       'q-card'
       + (isDark.value === true ? ' q-card--dark q-dark' : '')
+      + (props.dense === true ? ' q-card--dense' : '')
       + (props.bordered === true ? ' q-card--bordered' : '')
       + (props.square === true ? ' q-card--square no-border-radius' : '')
       + (props.flat === true ? ' q-card--flat no-shadow' : '')
diff --git a/ui/src/components/card/QCard.json b/ui/src/components/card/QCard.json
index a7b48dc1f1b..e03e7a64c79 100644
--- a/ui/src/components/card/QCard.json
+++ b/ui/src/components/card/QCard.json
@@ -20,6 +20,10 @@
       "extends": "bordered"
     },
 
+    "dense": {
+      "extends": "dense"
+    },
+
     "tag": {
       "extends": "tag",
       "default": "'div'",
diff --git a/ui/src/components/card/QCard.sass b/ui/src/components/card/QCard.sass
index 19c831833c4..5988a80dcb3 100644
--- a/ui/src/components/card/QCard.sass
+++ b/ui/src/components/card/QCard.sass
@@ -39,6 +39,9 @@
     &--vert
       padding: 16px
 
+  .q-card--dense &--vert
+    padding: 2px 16px
+
     &--horiz
       > div,
       > img