diff --git a/packages/web/src/pages/oauth-login-page/OAuthLoginPage.tsx b/packages/web/src/pages/oauth-login-page/OAuthLoginPage.tsx
index ea4b5b9a081..dc967de6171 100644
--- a/packages/web/src/pages/oauth-login-page/OAuthLoginPage.tsx
+++ b/packages/web/src/pages/oauth-login-page/OAuthLoginPage.tsx
@@ -18,12 +18,12 @@ import { audiusBackendInstance } from 'services/audius-backend/audius-backend-in
 import { reportToSentry } from 'store/errors/reportToSentry'
 import { SIGN_UP_PAGE } from 'utils/route'
 
-import { ContentWrapper } from './components/ContentWrapper'
+import styles from './OAuthLoginPage.module.css'
 import { CTAButton } from './components/CTAButton'
+import { ContentWrapper } from './components/ContentWrapper'
 import { PermissionsSection } from './components/PermissionsSection'
 import { useOAuthSetup } from './hooks'
 import { messages } from './messages'
-import styles from './OAuthLoginPage.module.css'
 import { WriteOnceTx } from './utils'
 
 const { signOut } = signOutActions
diff --git a/packages/web/src/pages/sign-up-page/components/layout.tsx b/packages/web/src/pages/sign-up-page/components/layout.tsx
index 63b8da62419..e7fa62e3c05 100644
--- a/packages/web/src/pages/sign-up-page/components/layout.tsx
+++ b/packages/web/src/pages/sign-up-page/components/layout.tsx
@@ -195,7 +195,9 @@ export const PageFooter = (props: PageFooterProps) => {
   const { isMobile } = useMedia()
   // On the MobileCTAPage we use this footer outside a formik context
   const { isSubmitting, dirty, isValid } = useFormikContext() ?? {
-    isSubmitting: false
+    isSubmitting: false,
+    dirty: true,
+    isValid: true
   }
 
   return (
diff --git a/packages/web/src/pages/sign-up-page/pages/MobileAppCtaPage.tsx b/packages/web/src/pages/sign-up-page/pages/MobileAppCtaPage.tsx
index 3fa19703506..35369f6acad 100644
--- a/packages/web/src/pages/sign-up-page/pages/MobileAppCtaPage.tsx
+++ b/packages/web/src/pages/sign-up-page/pages/MobileAppCtaPage.tsx
@@ -39,7 +39,7 @@ export const MobileAppCtaPage = () => {
   }, [navigate])
 
   return (
-    <Page gap='3xl'>
+    <Page gap='3xl' centered>
       <Heading heading={messages.heading} description={messages.description} />
 
       <Flex direction='column' alignItems='center' gap='2xl'>
@@ -54,7 +54,7 @@ export const MobileAppCtaPage = () => {
         />
         <Hint icon={IconInfo}>{messages.qrInstruction}</Hint>
       </Flex>
-      <PageFooter buttonProps={{ onClick: handleContinue }} />
+      <PageFooter buttonProps={{ onClick: handleContinue }} centered />
     </Page>
   )
 }
diff --git a/packages/web/src/pages/sign-up-page/pages/SelectArtistsPage.tsx b/packages/web/src/pages/sign-up-page/pages/SelectArtistsPage.tsx
index 46431b6b6ce..232dbda2348 100644
--- a/packages/web/src/pages/sign-up-page/pages/SelectArtistsPage.tsx
+++ b/packages/web/src/pages/sign-up-page/pages/SelectArtistsPage.tsx
@@ -130,7 +130,6 @@ export const SelectArtistsPage = () => {
               mh={isMobile ? undefined : '5xl'}
               mb={isMobile ? undefined : 'xl'}
               style={styles}
-              css={!isMobile ? { maxWidth: '641px' } : undefined}
             >
               <Flex
                 direction='column'