diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 3aef7e38554de..c54479b7a416f 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -240,11 +240,11 @@ a {
     }
 
     & .center > article {
-      grid-area: body;
+      grid-area: page-center;
     }
 
     & .page-footer {
-      grid-area: footer;
+      grid-area: page-footer;
     }
 
     & .center,
diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss
index e7742232c6a36..3ac5a8b4f7322 100644
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@@ -29,9 +29,9 @@ $mobileGrid: (
   templateAreas:
     '"sidebar-left"\
       "page-header"\
-      "body"\
+      "page-center"\
       "sidebar-right"\
-      "footer"',
+      "page-footer"',
 );
 $tabletGrid: (
   templateRows: "auto auto auto auto",
@@ -40,18 +40,17 @@ $tabletGrid: (
   columnGap: "5px",
   templateAreas:
     '"sidebar-left page-header"\
-      "sidebar-left body"\
+      "sidebar-left page-center"\
       "sidebar-left sidebar-right"\
-      "sidebar-left footer"',
+      "sidebar-left page-footer"',
 );
 $desktopGrid: (
-  templateRows: "auto auto auto auto",
+  templateRows: "auto auto auto",
   templateColumns: "#{$sidePanelWidth} auto #{$sidePanelWidth}",
   rowGap: "5px",
   columnGap: "5px",
   templateAreas:
     '"sidebar-left page-header sidebar-right"\
-      "sidebar-left body sidebar-right"\
-      "sidebar-left body sidebar-right"\
-      "sidebar-left footer sidebar-right"',
+      "sidebar-left page-center sidebar-right"\
+      "sidebar-left page-footer sidebar-right"',
 );