diff --git a/app/assets/stylesheets/desktop/new-user.scss b/app/assets/stylesheets/desktop/new-user.scss
index f65656ec38..3d9f9801e7 100644
--- a/app/assets/stylesheets/desktop/new-user.scss
+++ b/app/assets/stylesheets/desktop/new-user.scss
@@ -3,7 +3,7 @@
     // Grid layout
     width: 100%;
     display: grid;
-    grid-template-columns: 1fr;
+    grid-template-columns: 1fr 5fr;
     grid-template-rows: auto 1fr;
     grid-gap: 0;
 
@@ -38,6 +38,20 @@
       justify-self: start;
       grid-row-start: 2;
     }
+
+    // For backwards compatibility with legacy design
+    .user-secondary-navigation {
+      margin-top: 2em;
+      grid-column-start: 1;
+      grid-column-end: 2;
+    }
+
+    // For backwards compatibility with legacy design
+    .user-secondary-navigation ~ .user-content {
+      min-width: 100%;
+      grid-column-start: 2;
+      grid-column-end: 3;
+    }
   }
 
   .user-nav-dropdown-list-item {
diff --git a/app/assets/stylesheets/mobile/new-user.scss b/app/assets/stylesheets/mobile/new-user.scss
index 4977812905..118b6b7ec5 100644
--- a/app/assets/stylesheets/mobile/new-user.scss
+++ b/app/assets/stylesheets/mobile/new-user.scss
@@ -12,6 +12,11 @@
     }
   }
 
+  // For backwards compatibility with legacy design
+  .user-secondary-navigation {
+    margin-top: 1.5em;
+  }
+
   .user-navigation-secondary {
     font-size: var(--font-up-1);