diff --git a/css/styles.css b/css/styles.css
index fb09b04513f86e05719f89f495cf8f7aefcd7ac9..f0bf6c2e86a9be9424093963267526014f83ef1c 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3666,6 +3666,18 @@ button {
     .card.banner .card__title a:hover {
       text-decoration: underline; }
 
+.card.node .card__header,
+.card.node .card__footer {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 75rem;
+  padding: 0 16px; }
+  @media (min-width: 75rem) {
+    .card.node .card__header,
+    .card.node .card__footer {
+      padding-left: 0;
+      padding-right: 0; } }
+
 .uw-colour-bar__cbarorg-default__uw-gold--lvl1 {
   background-color: #fffaaa; }
 
diff --git a/source/_patterns/04-components/card/card--node/_card--node.scss b/source/_patterns/04-components/card/card--node/_card--node.scss
new file mode 100644
index 0000000000000000000000000000000000000000..a7107c5de6c3136134937bc3b5143723cafea138
--- /dev/null
+++ b/source/_patterns/04-components/card/card--node/_card--node.scss
@@ -0,0 +1,6 @@
+.card.node {
+  .card__header,
+  .card__footer {
+    @include uw-contained-width;
+  }
+}
\ No newline at end of file
diff --git a/source/_patterns/03-layouts/node/node--card.twig b/source/_patterns/04-components/card/card--node/card--node.twig
similarity index 88%
rename from source/_patterns/03-layouts/node/node--card.twig
rename to source/_patterns/04-components/card/card--node/card--node.twig
index f3c5a480c56217e32cb3a0d1ebd717c8bdb2a355..9e16c6756ecfbf50c1eee677624132dbc773949e 100644
--- a/source/_patterns/03-layouts/node/node--card.twig
+++ b/source/_patterns/04-components/card/card--node/card--node.twig
@@ -7,4 +7,5 @@
   'show_hover': '',
   'author': node.author,
   'url': node.url,
+  'modifier_classes': 'node',
 } %}