diff --git a/core/themes/claro/css/layout/node-add.css b/core/themes/claro/css/layout/node-add.css
index a3b4069e..8d380609 100644
--- a/core/themes/claro/css/layout/node-add.css
+++ b/core/themes/claro/css/layout/node-add.css
@@ -65,6 +65,11 @@
  */
 
 @media screen and (min-width: 112rem) {
+  .layout-region--node-main,
+  .layout-region--node-footer {
+    width: calc(100% - 25vw);
+  }
+
   .layout-region--node-secondary {
     width: 25vw;
   }
diff --git a/core/themes/claro/css/layout/node-add.pcss.css b/core/themes/claro/css/layout/node-add.pcss.css
index 03aa7b36..9a71acf8 100644
--- a/core/themes/claro/css/layout/node-add.pcss.css
+++ b/core/themes/claro/css/layout/node-add.pcss.css
@@ -63,6 +63,11 @@
  * Extra Wide screens
  */
 @media screen and (min-width: 112rem) {
+  .layout-region--node-main,
+  .layout-region--node-footer {
+    width: calc(100% - var(--node-meta-xl-width));
+  }
+
   .layout-region--node-secondary {
     width: var(--node-meta-xl-width);
   }