diff --git a/src/patterns/01-core/props/_layout.scss b/src/patterns/01-core/props/_layout.scss
index d3c0ae367c9037ebbde87162734386912001de47..2b0639e4ea51ac5ea21cf9c14996c3923cb646e1 100644
--- a/src/patterns/01-core/props/_layout.scss
+++ b/src/patterns/01-core/props/_layout.scss
@@ -3,4 +3,5 @@
   --layout-max-width: 75rem;
   --grid-gutter: var(--size-4);
   --grid-gap: var(--size-4);
+  --max-width: 47.0625rem;
 }
diff --git a/src/patterns/04-components/card/card--node/_card--node.scss b/src/patterns/04-components/card/card--node/_card--node.scss
index a636d84f10e5e2d3ff9a0ffe55ad6243ac77fab7..00d5dfc72e31592943996344d8e501cf35477f10 100644
--- a/src/patterns/04-components/card/card--node/_card--node.scss
+++ b/src/patterns/04-components/card/card--node/_card--node.scss
@@ -186,7 +186,7 @@
 
         // Width is experimental to match one of the max-widths in
         // layouts for narrower width page look.
-        @include uw-contained-width(47.0625rem);
+        @include uw-contained-width(var(--max-width));
       }
     }
     // CSS for displaying the title within the node :