diff --git a/components/cards.html b/components/cards.html
index 9a92f77..5d7855f 100644
--- a/components/cards.html
+++ b/components/cards.html
@@ -6,7 +6,7 @@
Styleguide – Cards
-
+
Components – Cards
diff --git a/styleguide.css b/styleguide.css
index 1d500a7..48731c4 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -2341,6 +2341,23 @@ section + section {
width: calc(50% - var(--spacing-small));
}
+.sg-page-cards .sg-preview-area {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+}
+
+.sg-page-cards .sg-preview-area > .sg-card,
+.sg-page-cards .sg-preview-area > .sg-transparent-card {
+ width: 100%;
+ max-width: none;
+}
+
+.sg-page-cards .sg-group-card > .sg-card {
+ flex: 0 0 100%;
+ width: 100%;
+}
+
.sg-transparent-card {
color: var(--text-card-transparent);
background: var(--surface-card-transparent);