diff --git a/src/lib/atoms/Card.svelte b/src/lib/atoms/Card.svelte
index 12003f1..f81ac16 100644
--- a/src/lib/atoms/Card.svelte
+++ b/src/lib/atoms/Card.svelte
@@ -12,7 +12,8 @@
 		border-radius: var(--border-radius);
 		box-shadow: var(--shadow-base);
 		background: var(--body-shading);
-		padding: 1em;
+		padding: var(--gutter);
+		margin: var(--gutter);
 
 		&.primary { background: var(--primary-shading); }
 		&.secondary { background: var(--secondary-shading); }
diff --git a/src/lib/styles/vars.css b/src/lib/styles/vars.css
index d89ea1b..3a6b02c 100644
--- a/src/lib/styles/vars.css
+++ b/src/lib/styles/vars.css
@@ -45,6 +45,7 @@
 	--border-radius: 0.5em;
 	--shadow-half: 0 .125rem .125rem .0625rem rgba(0, 0, 0, 0.2);
 	--shadow-base: 0 .25rem .25rem .125rem rgba(0, 0, 0, 0.2);
+	--gutter: 0.625rem;
 
 	/* Generated gradients */