diff --git a/src/components/ui/Card.css b/src/components/ui/Card.css
index 29503cc..72d5666 100644
--- a/src/components/ui/Card.css
+++ b/src/components/ui/Card.css
@@ -7,7 +7,11 @@
 
     width: 900px;
     max-width: 900px;
-    gap: 1em;
+    --gap: 1em;
+}
+
+.card-group > *+* {
+    margin-top: var(--gap);
 }
 
 /* A card group that is vertically shared */
@@ -15,6 +19,27 @@
     flex-direction: row;
 }
 
+.card-group > *+* {
+    margin-top: var(--gap);
+}
+
+.card-group--vertical > *+* {
+    margin-top: 0;
+    margin-left: var(--gap);
+}
+
+@supports ((aspect-ratio: 1 / 1) and (gap: 0)) {
+    .card-group {   
+        gap: var(--gap);
+    }
+
+    .card-group > *+*, .card-group--vertical > *+* {
+        margin: 0;
+    }
+}
+
+
+
 .card{
     --_radius: var(--radius, var(--aggressive-border-radius));
     --_bg-opacity: var(--bg-opacity, 0.1);