diff --git a/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-submit-app-successfully.tsx.snap b/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-submit-app-successfully.tsx.snap
index 0f29a460ef..2c3cba5a5f 100644
--- a/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-submit-app-successfully.tsx.snap
+++ b/packages/marketplace/src/components/pages/__tests__/__snapshots__/developer-submit-app-successfully.tsx.snap
@@ -2,6 +2,7 @@
 
 exports[`DeveloperSubmitAppSuccessfully renders correctly 1`] = `
 <Component
+  centerContent={true}
   flexColumn={true}
   hasPadding={true}
 >
@@ -19,17 +20,25 @@ exports[`DeveloperSubmitAppSuccessfully renders correctly 1`] = `
       title="Success"
     >
       <p>
-        Your App has been submitted successfully. For it to be available on the Marketplace, you will need to make it ‘Listed’. To do this, click ‘Apps’ from the menu bar, open your submitted App and click ‘Edit Details’, simply tick the ‘Is Listed’ checkbox.
+        Your App has been submitted successfully.
       </p>
+      <br />
+      <p>
+        For it to be available on the Marketplace, you will need to make it ‘Listed’. To do this, click ‘Apps’ from the menu bar, open your submitted App and click ‘Edit Details’, simply tick the ‘Is Listed’ checkbox.
+      </p>
+      <br />
       <p>
         You can also use this section to make any additional changes. Once you are ready to proceed, click ‘Submit App’. Our Administration department will then review the details you have submitted. Whilst this review is taking place, this App will be marked as ‘Pending Revision’ and you will not be able to make any further changes.
       </p>
+      <br />
       <p>
         You can check the status of any submissions by accessing ‘Apps’ from the menu bar.
       </p>
+      <br />
       <p>
         For any help or support, please visit the ‘Help’ page.
       </p>
+      <br />
     </CallToAction>
   </Component>
 </Component>
diff --git a/packages/marketplace/src/components/pages/developer-submit-app-successfully.tsx b/packages/marketplace/src/components/pages/developer-submit-app-successfully.tsx
index 21d5fa7bb5..0034ddb37d 100644
--- a/packages/marketplace/src/components/pages/developer-submit-app-successfully.tsx
+++ b/packages/marketplace/src/components/pages/developer-submit-app-successfully.tsx
@@ -1,12 +1,13 @@
 import * as React from 'react'
 import { FlexContainerResponsive } from '@reapit/elements'
 import CallToAction from '../ui/call-to-action'
+import styles from '@/styles/pages/developer-submit-app-successfully.scss?mod'
 
 export interface DeveloperSubmitAppSuccessfullyProps {
   onClickHandler: () => void
 }
 export const DeveloperSubmitAppSuccessfully: React.FC<DeveloperSubmitAppSuccessfullyProps> = ({ onClickHandler }) => (
-  <FlexContainerResponsive hasPadding flexColumn>
+  <FlexContainerResponsive hasPadding flexColumn centerContent className={styles.wrapDeveloperSuccess}>
     <FlexContainerResponsive flexColumn hasBackground hasPadding>
       <CallToAction
         dataTest="submit-success-section"
@@ -16,19 +17,25 @@ export const DeveloperSubmitAppSuccessfully: React.FC<DeveloperSubmitAppSuccessf
         buttonDataTest="submit-another-button"
         isCard
       >
+        <p>Your App has been submitted successfully.</p>
+        <br />
         <p>
-          Your App has been submitted successfully. For it to be available on the Marketplace, you will need to make it
-          ‘Listed’. To do this, click ‘Apps’ from the menu bar, open your submitted App and click ‘Edit Details’, simply
-          tick the ‘Is Listed’ checkbox.
+          For it to be available on the Marketplace, you will need to make it ‘Listed’. To do this, click ‘Apps’ from
+          the menu bar, open your submitted App and click ‘Edit Details’, simply tick the ‘Is Listed’ checkbox.
         </p>
+        <br />
         <p>
           You can also use this section to make any additional changes. Once you are ready to proceed, click ‘Submit
           App’. Our Administration department will then review the details you have submitted. Whilst this review is
           taking place, this App will be marked as ‘Pending Revision’ and you will not be able to make any further
           changes.
         </p>
+        <br />
         <p>You can check the status of any submissions by accessing ‘Apps’ from the menu bar.</p>
+        <br />
         <p>For any help or support, please visit the ‘Help’ page.</p>
+
+        <br />
       </CallToAction>
     </FlexContainerResponsive>
   </FlexContainerResponsive>
diff --git a/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-install.tsx.snap b/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-install.tsx.snap
index f25b7e13f8..072cacaaf6 100644
--- a/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-install.tsx.snap
+++ b/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-install.tsx.snap
@@ -10,14 +10,12 @@ exports[`AppConfirmInstallContent render correctly 1`] = `
   <Component
     body={
       <React.Fragment>
-        <Unknown
-          isCentered={true}
-        >
+        <p>
           This action will install the app for ALL platform users.
           <br />
           Peter's Properties
            requires the permissions below. By installing you are granting permission to your data.
-        </Unknown>
+        </p>
         <ul>
           <li>
             Read data about developers
@@ -65,14 +63,12 @@ exports[`AppConfirmInstallContent render correctly 2`] = `
   <Component
     body={
       <React.Fragment>
-        <Unknown
-          isCentered={true}
-        >
+        <p>
           This action will install the app for ALL platform users.
           <br />
           Peter's Properties
            requires the permissions below. By installing you are granting permission to your data.
-        </Unknown>
+        </p>
         <ul>
           <li>
             Read data about developers
@@ -120,14 +116,12 @@ exports[`AppConfirmInstallContent render correctly 3`] = `
   <Component
     body={
       <React.Fragment>
-        <Unknown
-          isCentered={true}
-        >
+        <p>
           This action will install the app for ALL platform users.
           <br />
           Peter's Properties
            requires the permissions below. By installing you are granting permission to your data.
-        </Unknown>
+        </p>
         <ul>
           <li>
             Read data about developers
@@ -175,14 +169,12 @@ exports[`AppConfirmInstallContent render correctly 4`] = `
   <Component
     body={
       <React.Fragment>
-        <Unknown
-          isCentered={true}
-        >
+        <p>
           This action will install the app for ALL platform users.
           <br />
           Peter's Properties
            requires the permissions below. By installing you are granting permission to your data.
-        </Unknown>
+        </p>
         <ul>
           <li>
             Read data about developers
@@ -230,14 +222,12 @@ exports[`AppConfirmInstallContent render correctly 5`] = `
   <Component
     body={
       <React.Fragment>
-        <Unknown
-          isCentered={true}
-        >
+        <p>
           This action will install the app for ALL platform users.
           <br />
           Peter's Properties
            requires the permissions below. By installing you are granting permission to your data.
-        </Unknown>
+        </p>
         <ul>
           <li>
             Read data about developers
diff --git a/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-uninstall.tsx.snap b/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-uninstall.tsx.snap
index 125a345e85..640d9ce1d5 100644
--- a/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-uninstall.tsx.snap
+++ b/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-confirm-uninstall.tsx.snap
@@ -9,13 +9,11 @@ exports[`AppConfirmUninstall render correctly 1`] = `
   />
   <Component
     body={
-      <Unknown
-        isCentered={true}
-      >
+      <React.Fragment>
         Are you sure you wish to uninstall 
         Peter's Properties
         ? This action will uninstall the app for ALL platform users.
-      </Unknown>
+      </React.Fragment>
     }
   />
   <Component
@@ -58,13 +56,11 @@ exports[`AppConfirmUninstall render correctly 2`] = `
   />
   <Component
     body={
-      <Unknown
-        isCentered={true}
-      >
+      <React.Fragment>
         Are you sure you wish to uninstall 
         Peter's Properties
         ? This action will uninstall the app for ALL platform users.
-      </Unknown>
+      </React.Fragment>
     }
   />
   <Component
@@ -107,13 +103,11 @@ exports[`AppConfirmUninstall render correctly 3`] = `
   />
   <Component
     body={
-      <Unknown
-        isCentered={true}
-      >
+      <React.Fragment>
         Are you sure you wish to uninstall 
         Peter's Properties
         ? This action will uninstall the app for ALL platform users.
-      </Unknown>
+      </React.Fragment>
     }
   />
   <Component
@@ -156,13 +150,11 @@ exports[`AppConfirmUninstall render correctly 4`] = `
   />
   <Component
     body={
-      <Unknown
-        isCentered={true}
-      >
+      <React.Fragment>
         Are you sure you wish to uninstall 
         Peter's Properties
         ? This action will uninstall the app for ALL platform users.
-      </Unknown>
+      </React.Fragment>
     }
   />
   <Component
@@ -205,13 +197,11 @@ exports[`AppConfirmUninstall render correctly 5`] = `
   />
   <Component
     body={
-      <Unknown
-        isCentered={true}
-      >
+      <React.Fragment>
         Are you sure you wish to uninstall 
         Peter's Properties
         ? This action will uninstall the app for ALL platform users.
-      </Unknown>
+      </React.Fragment>
     }
   />
   <Component
diff --git a/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-detail.tsx.snap b/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-detail.tsx.snap
index bd973517d6..f14b47fcd6 100644
--- a/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-detail.tsx.snap
+++ b/packages/marketplace/src/components/ui/__tests__/__snapshots__/app-detail.tsx.snap
@@ -53,7 +53,6 @@ exports[`AppDetailModalInner should match a snapshot 1`] = `
         <Unknown>
           Permissions requested
         </Unknown>
-        <Unknown />
       </React.Fragment>
     }
   />
@@ -61,6 +60,17 @@ exports[`AppDetailModalInner should match a snapshot 1`] = `
 </Fragment>
 `;
 
+exports[`ScopeGridThreeCol should match snapshot 1`] = `
+Array [
+  <Component>
+    <li />
+  </Component>,
+  <Component>
+    <li />
+  </Component>,
+]
+`;
+
 exports[`SlickButtonNav should match snapshot 1`] = `
 <button
   currentSlide=""
diff --git a/packages/marketplace/src/components/ui/__tests__/app-detail.tsx b/packages/marketplace/src/components/ui/__tests__/app-detail.tsx
index d397806dd1..a75e2a282e 100644
--- a/packages/marketplace/src/components/ui/__tests__/app-detail.tsx
+++ b/packages/marketplace/src/components/ui/__tests__/app-detail.tsx
@@ -1,6 +1,13 @@
 import * as React from 'react'
 import { shallow } from 'enzyme'
-import { AppDetail, AppDetailProps, mapDispatchToProps, SlickButtonNav } from '../app-detail'
+import {
+  AppDetail,
+  AppDetailProps,
+  mapDispatchToProps,
+  SlickButtonNav,
+  ScopeGridThreeCol,
+  sliceThreeItemEach,
+} from '../app-detail'
 import { setDeveloperAppModalStateDelete } from '@/actions/developer-app-modal'
 import { setAppDetailModalStateInstall, setAppDetailModalStateUninstall } from '@/actions/app-detail-modal'
 
@@ -14,6 +21,56 @@ const props: AppDetailProps = {
   afterClose: jest.fn(),
 }
 
+const scopes = [
+  {
+    name: 'agencyCloud/applicants.read',
+    description: 'Read applicants',
+  },
+  {
+    name: 'agencyCloud/companies.read',
+    description: 'Read companies',
+  },
+  {
+    name: 'agencyCloud/companies.read1',
+    description: 'Read companies2',
+  },
+  {
+    name: 'agencyCloud/companies.read2',
+    description: 'Read companies2',
+  },
+  {
+    name: 'agencyCloud/companies.read3',
+    description: 'Read companies3',
+  },
+]
+
+const scopeArrayItem = [
+  [
+    {
+      name: 'agencyCloud/applicants.read',
+      description: 'Read applicants',
+    },
+    {
+      name: 'agencyCloud/companies.read',
+      description: 'Read companies',
+    },
+    {
+      name: 'agencyCloud/companies.read1',
+      description: 'Read companies2',
+    },
+  ],
+  [
+    {
+      name: 'agencyCloud/companies.read2',
+      description: 'Read companies2',
+    },
+    {
+      name: 'agencyCloud/companies.read3',
+      description: 'Read companies3',
+    },
+  ],
+]
+
 describe('AppDetailModalInner', () => {
   it('should match a snapshot', () => {
     expect(shallow(<AppDetail {...props} />)).toMatchSnapshot()
@@ -64,3 +121,15 @@ describe('SlickButtonNav', () => {
     expect(wrapper).toMatchSnapshot()
   })
 })
+
+describe('sliceThreeItemEach', () => {
+  it('should return correctly', () => {
+    expect(sliceThreeItemEach(scopes)).toEqual(scopeArrayItem)
+  })
+})
+
+describe('ScopeGridThreeCol', () => {
+  it('should match snapshot', () => {
+    expect(shallow(<ScopeGridThreeCol scopeArrayItem={scopeArrayItem} />)).toMatchSnapshot()
+  })
+})
diff --git a/packages/marketplace/src/components/ui/app-confirm-install.tsx b/packages/marketplace/src/components/ui/app-confirm-install.tsx
index 0e6f3926bb..65536baba2 100644
--- a/packages/marketplace/src/components/ui/app-confirm-install.tsx
+++ b/packages/marketplace/src/components/ui/app-confirm-install.tsx
@@ -3,7 +3,7 @@ import { connect } from 'react-redux'
 import { FormState, ReduxState } from '@/types/core'
 import { AppDetailModel } from '@reapit/foundations-ts-definitions'
 import appPermissionContentStyles from '@/styles/pages/app-permission-content.scss?mod'
-import { Button, SubTitleH6, ModalHeader, ModalBody, ModalFooter } from '@reapit/elements'
+import { Button, ModalHeader, ModalBody, ModalFooter } from '@reapit/elements'
 import { setAppDetailModalStateBrowse, setAppDetailModalStateSuccess } from '@/actions/app-detail-modal'
 import { InstallParams, appInstallationsRequestInstall } from '@/actions/app-installations'
 
@@ -60,11 +60,11 @@ export const AppConfirmInstallContent = ({
         body={
           scopes.length ? (
             <>
-              <SubTitleH6 isCentered>
+              <p>
                 This action will install the app for ALL platform users.
                 <br />
                 {name} requires the permissions below. By installing you are granting permission to your data.
-              </SubTitleH6>
+              </p>
               <ul className={appPermissionContentStyles.permissionList}>
                 {scopes.map(({ description, name }) => (
                   <li key={name} className={appPermissionContentStyles.permissionListItem}>
@@ -74,7 +74,7 @@ export const AppConfirmInstallContent = ({
               </ul>
             </>
           ) : (
-            <SubTitleH6 isCentered>This action will install the app for ALL platform users.</SubTitleH6>
+            <>This action will install the app for ALL platform users.</>
           )
         }
       />
diff --git a/packages/marketplace/src/components/ui/app-confirm-uninstall.tsx b/packages/marketplace/src/components/ui/app-confirm-uninstall.tsx
index 8af47cd357..37bca2d6c1 100644
--- a/packages/marketplace/src/components/ui/app-confirm-uninstall.tsx
+++ b/packages/marketplace/src/components/ui/app-confirm-uninstall.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { connect } from 'react-redux'
 import { FormState, ReduxState } from '@/types/core'
-import { Button, SubTitleH6, ModalFooter, ModalBody, ModalHeader } from '@reapit/elements'
+import { Button, ModalFooter, ModalBody, ModalHeader } from '@reapit/elements'
 import { setAppDetailModalStateBrowse, setAppDetailModalStateSuccess } from '@/actions/app-detail-modal'
 import { AppDetailModel } from '@reapit/foundations-ts-definitions'
 import { appInstallationsRequestUninstall, UninstallParams } from '@/actions/app-installations'
@@ -72,9 +72,7 @@ export const AppConfirmUninstall = ({
       />
       <ModalBody
         body={
-          <SubTitleH6 isCentered>
-            Are you sure you wish to uninstall {name}? This action will uninstall the app for ALL platform users.
-          </SubTitleH6>
+          <>Are you sure you wish to uninstall {name}? This action will uninstall the app for ALL platform users.</>
         }
       />
       <ModalFooter
diff --git a/packages/marketplace/src/components/ui/app-detail.tsx b/packages/marketplace/src/components/ui/app-detail.tsx
index 9f0f67ab6b..65f25d0620 100644
--- a/packages/marketplace/src/components/ui/app-detail.tsx
+++ b/packages/marketplace/src/components/ui/app-detail.tsx
@@ -7,13 +7,14 @@ import '@/styles/vendor/slick.scss'
 import { connect } from 'react-redux'
 import { setAppDetailModalStateInstall, setAppDetailModalStateUninstall } from '@/actions/app-detail-modal'
 import { AppDetailModel } from '@reapit/foundations-ts-definitions'
-import { Tile, ModalHeader, ModalBody, ModalFooter, H6, GridFiveCol, GridFourColItem } from '@reapit/elements'
+import { Tile, ModalHeader, ModalBody, ModalFooter, H6, Grid, GridItem } from '@reapit/elements'
 import { setDeveloperAppModalStateDelete } from '@/actions/developer-app-modal'
 import styles from '@/styles/blocks/app-detail.scss?mod'
 import appCardStyles from '@/styles/blocks/app-card.scss?mod'
 import { FaCheck, FaTimes } from 'react-icons/fa'
 import AppAuthenticationDetail from './app-authentication-detail'
 import AuthFlow from '@/constants/app-auth-flow'
+import { ScopeModel } from '@reapit/foundations-ts-definitions'
 
 export interface AppDetailModalInnerProps {
   data: AppDetailModel
@@ -141,13 +142,11 @@ export const AppDetail: React.FunctionComponent<AppDetailProps> = ({
               {isCurrentLoggedUserDeveloper && 'Permissions requested'}
               {isCurrentLoggedUserClient && (installedOn ? 'Permissions granted' : 'Permissions required')}
             </H6>
-            <GridFiveCol>
-              {scopes.map(item => (
-                <GridFourColItem key={item.name}>
-                  <li>{item.description}</li>
-                </GridFourColItem>
-              ))}
-            </GridFiveCol>
+            {sliceThreeItemEach(scopes).map((scopeArrayItem, index) => (
+              <Grid key={index}>
+                <ScopeGridThreeCol scopeArrayItem={scopeArrayItem} />
+              </Grid>
+            ))}
           </>
         }
       />
@@ -156,6 +155,23 @@ export const AppDetail: React.FunctionComponent<AppDetailProps> = ({
   )
 }
 
+export const ScopeGridThreeCol = ({ scopeArrayItem }) => {
+  return scopeArrayItem.map(item => (
+    <GridItem key={item.name}>
+      <li>{item.description}</li>
+    </GridItem>
+  ))
+}
+
+export const sliceThreeItemEach = (scopes: ScopeModel[]): ScopeModel[][] => {
+  const slicedScopes: ScopeModel[][] = []
+  for (let i = 0; i < scopes.length; i = i + 3) {
+    const threeItemArray = scopes.slice(i, i + 3)
+    slicedScopes.push(threeItemArray)
+  }
+  return slicedScopes
+}
+
 export const mapStateToProps = (state: ReduxState): AppDetailModalMappedProps => {
   return {
     isCurrentLoggedUserClient: state.auth.loginType === 'CLIENT',
diff --git a/packages/marketplace/src/styles/pages/developer-submit-app-successfully.scss b/packages/marketplace/src/styles/pages/developer-submit-app-successfully.scss
new file mode 100644
index 0000000000..63155ade9d
--- /dev/null
+++ b/packages/marketplace/src/styles/pages/developer-submit-app-successfully.scss
@@ -0,0 +1,4 @@
+.wrapDeveloperSuccess {
+  max-width: 768px;
+  flex-grow: 0;
+}