diff --git a/ghost/portal/src/App.js b/ghost/portal/src/App.js
index bfb268d834..ade61dc220 100644
--- a/ghost/portal/src/App.js
+++ b/ghost/portal/src/App.js
@@ -19,7 +19,7 @@ const DEV_MODE_DATA = {
     showPopup: true,
     site: Fixtures.site,
     member: Fixtures.member.paid,
-    page: 'accountHome'
+    page: 'signup'
 };
 
 function SentryErrorBoundary({site, children}) {
diff --git a/ghost/portal/src/components/common/ProductsSection.js b/ghost/portal/src/components/common/ProductsSection.js
index c53dbf48bc..89ee2f81f1 100644
--- a/ghost/portal/src/components/common/ProductsSection.js
+++ b/ghost/portal/src/components/common/ProductsSection.js
@@ -115,24 +115,18 @@ export const ProductsSectionStyles = ({site}) => {
             padding: 32px 2vw;
         }
 
-        @media (max-width: 1080px) {
+        @media (max-width: 1280px) {
             .gh-portal-products-grid {
                 grid-template-columns: repeat(${((productColumns(noOfProducts) >= 3) ? 3 : productColumns(noOfProducts))}, minmax(0, 300px));
             }
         }
 
-        @media (max-width: 800px) {
+        @media (max-width: 960px) {
             .gh-portal-products-grid {
                 grid-template-columns: repeat(${((productColumns(noOfProducts) >= 2) ? 2 : productColumns(noOfProducts))}, minmax(0, 300px));
             }
         }
 
-        @media (max-width: 600px) {
-            .gh-portal-products-grid {
-                grid-template-columns: repeat(1, minmax(0, 1fr));
-            }
-        }
-
         @media (max-width: 360px) {
             div:not(.gh-portal-products-priceswitch) .gh-portal-discount-label {
                 font-size: 0.9rem;
@@ -387,7 +381,7 @@ export const ProductsSectionStyles = ({site}) => {
             margin-top: -2px;
         }
 
-        @media (max-width: 480px) {
+        @media (max-width: 670px) {
             .gh-portal-products {
                 margin: 24px -32px 0 -32px;
                 padding: 12px 32px 20px 32px;
@@ -398,6 +392,7 @@ export const ProductsSectionStyles = ({site}) => {
                 grid-gap: 20px;
                 padding: 32px 0 0;
                 width: 100%;
+                max-width: 420px;
             }
 
             .gh-portal-priceoption-label {