diff --git a/assets/scss/shortcodes/cards-pane.scss b/assets/scss/shortcodes/cards-pane.scss
index 00f00f9f2f..f46cfe1336 100644
--- a/assets/scss/shortcodes/cards-pane.scss
+++ b/assets/scss/shortcodes/cards-pane.scss
@@ -1,8 +1,8 @@
 .card-deck {
-	max-width: 83%;
+	@extend .td-max-width-on-larger-screens;
 }
 .card {
-	max-width: 80%;
+	@extend .td-max-width-on-larger-screens;
 	.highlight {
 		border: none;
 	}