diff --git a/dotcom-rendering/src/components/ArticleMeta.apps.tsx b/dotcom-rendering/src/components/ArticleMeta.apps.tsx
index fe34af72e1e..0fc4734d311 100644
--- a/dotcom-rendering/src/components/ArticleMeta.apps.tsx
+++ b/dotcom-rendering/src/components/ArticleMeta.apps.tsx
@@ -98,7 +98,7 @@ const MetaGridByline = ({
 	children: ReactNode;
 	isComment: boolean;
 }) => (
-	// address > div > span > div:first-of-type - spacing for the Follow Tag buttons in follow wrapper,
+	// address > div > div:first-of-type - spacing for the Follow Tag buttons in follow wrapper,
 	// which is contextual of the meta by layout type
 	<div
 		css={css`
@@ -111,7 +111,7 @@ const MetaGridByline = ({
 				padding-bottom: 0px;
 			}
 
-			address > div > span > div:first-of-type {
+			address > div > div:first-of-type {
 				display: block;
 				margin-top: ${space[2]}px;
 				${!isComment && `margin-bottom: ${space[2]}px;`}
diff --git a/dotcom-rendering/src/components/BylineLink.tsx b/dotcom-rendering/src/components/BylineLink.tsx
index 3c9c4beca07..9eca0a5bd46 100644
--- a/dotcom-rendering/src/components/BylineLink.tsx
+++ b/dotcom-rendering/src/components/BylineLink.tsx
@@ -1,5 +1,4 @@
 import { isString } from '@guardian/libs';
-import { Hide } from '@guardian/source/react-components';
 import { DottedLines } from '@guardian/source-development-kitchen/react-components';
 import { ArticleDesign, type ArticleFormat } from '../lib/articleFormat';
 import {
@@ -191,7 +190,7 @@ export const BylineLink = ({
 		<>
 			{renderedTokens}
 			{isApps && !isLiveBlog && !isHeadline && hasSoleContributor ? (
-				<Hide from="leftCol">
+				<>
 					<DottedLines
 						count={1}
 						color={themePalette('--article-meta-lines')}
@@ -202,7 +201,7 @@ export const BylineLink = ({
 							id={soleContributor.id}
 						/>
 					</Island>
-				</Hide>
+				</>
 			) : null}
 		</>
 	);
diff --git a/dotcom-rendering/src/layouts/CommentLayout.tsx b/dotcom-rendering/src/layouts/CommentLayout.tsx
index 1ffc9067f0a..c9f8cb70544 100644
--- a/dotcom-rendering/src/layouts/CommentLayout.tsx
+++ b/dotcom-rendering/src/layouts/CommentLayout.tsx
@@ -56,9 +56,11 @@ import { BannerWrapper, Stuck } from './lib/stickiness';
 const StandardGrid = ({
 	children,
 	display,
+	renderingTarget,
 }: {
 	children: React.ReactNode;
 	display: ArticleDisplay;
+	renderingTarget: RenderingTarget;
 }) => (
 	<div
 		css={css`
@@ -79,6 +81,12 @@ const StandardGrid = ({
 				display: grid;
 				width: 100%;
 				margin-left: 0;
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						margin-left: 230px;
+					}
+				`}
 
 				grid-column-gap: 10px;
 
@@ -145,7 +153,21 @@ const StandardGrid = ({
 									'.          border  .           right-column';
 						  `}
 				}
-
+				/* Apply until.leftCol layout from leftCol for Apps targets */
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						grid-template-columns: 620px 300px;
+						grid-template-areas:
+							'title      right-column'
+							'headline   right-column'
+							'standfirst right-column'
+							'meta       right-column'
+							'media      right-column'
+							'body       right-column'
+							'.          right-column';
+					}
+				`}
 				/*
 					Explanation of each unit of grid-template-columns
 
@@ -350,7 +372,10 @@ export const CommentLayout = (props: WebProps | AppsProps) => {
 					backgroundColour={themePalette('--article-background')}
 					element="article"
 				>
-					<StandardGrid display={format.display}>
+					<StandardGrid
+						display={format.display}
+						renderingTarget={renderingTarget}
+					>
 						<GridItem area="media">
 							<div
 								css={
@@ -460,85 +485,44 @@ export const CommentLayout = (props: WebProps | AppsProps) => {
 						<GridItem area="meta" element="aside">
 							<div css={maxWidth}>
 								{isApps ? (
-									<>
-										<Hide when="above" breakpoint="leftCol">
-											<ArticleMetaApps
-												branding={branding}
-												format={format}
-												byline={article.byline}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-												pageId={article.config.pageId}
-											></ArticleMetaApps>
-										</Hide>
-										<Hide when="below" breakpoint="leftCol">
-											<ArticleMeta
-												branding={branding}
-												format={format}
-												pageId={article.pageId}
-												webTitle={article.webTitle}
-												byline={article.byline}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-											/>
-										</Hide>
-									</>
+									<ArticleMetaApps
+										branding={branding}
+										format={format}
+										byline={article.byline}
+										tags={article.tags}
+										primaryDateline={
+											article.webPublicationDateDisplay
+										}
+										secondaryDateline={
+											article.webPublicationSecondaryDateDisplay
+										}
+										isCommentable={article.isCommentable}
+										discussionApiUrl={
+											article.config.discussionApiUrl
+										}
+										shortUrlId={article.config.shortUrlId}
+										pageId={article.config.pageId}
+									></ArticleMetaApps>
 								) : (
-									<>
-										<ArticleMeta
-											branding={branding}
-											format={format}
-											pageId={article.pageId}
-											webTitle={article.webTitle}
-											byline={article.byline}
-											tags={article.tags}
-											primaryDateline={
-												article.webPublicationDateDisplay
-											}
-											secondaryDateline={
-												article.webPublicationSecondaryDateDisplay
-											}
-											isCommentable={
-												article.isCommentable
-											}
-											discussionApiUrl={
-												article.config.discussionApiUrl
-											}
-											shortUrlId={
-												article.config.shortUrlId
-											}
-										/>
-									</>
+									<ArticleMeta
+										branding={branding}
+										format={format}
+										pageId={article.pageId}
+										webTitle={article.webTitle}
+										byline={article.byline}
+										tags={article.tags}
+										primaryDateline={
+											article.webPublicationDateDisplay
+										}
+										secondaryDateline={
+											article.webPublicationSecondaryDateDisplay
+										}
+										isCommentable={article.isCommentable}
+										discussionApiUrl={
+											article.config.discussionApiUrl
+										}
+										shortUrlId={article.config.shortUrlId}
+									/>
 								)}
 							</div>
 						</GridItem>
@@ -659,7 +643,9 @@ export const CommentLayout = (props: WebProps | AppsProps) => {
 										margin-left: 20px;
 										margin-right: -20px;
 									}
-									${from.leftCol} {
+
+									${renderingTarget !== 'Apps' &&
+									from.leftCol} {
 										/* above 1140 */
 										margin-left: 0px;
 										margin-right: 0px;
diff --git a/dotcom-rendering/src/layouts/ImmersiveLayout.tsx b/dotcom-rendering/src/layouts/ImmersiveLayout.tsx
index aa1da47d660..50fe2d34d6e 100644
--- a/dotcom-rendering/src/layouts/ImmersiveLayout.tsx
+++ b/dotcom-rendering/src/layouts/ImmersiveLayout.tsx
@@ -57,9 +57,16 @@ import { parse } from '../lib/slot-machine-flags';
 import type { NavType } from '../model/extract-nav';
 import { palette as themePalette } from '../palette';
 import type { ArticleDeprecated } from '../types/article';
+import type { RenderingTarget } from '../types/renderingTarget';
 import { BannerWrapper, Stuck } from './lib/stickiness';
 
-const ImmersiveGrid = ({ children }: { children: React.ReactNode }) => (
+const ImmersiveGrid = ({
+	children,
+	renderingTarget,
+}: {
+	children: React.ReactNode;
+	renderingTarget: RenderingTarget;
+}) => (
 	<div
 		css={css`
 			/* IE Fallback */
@@ -79,7 +86,12 @@ const ImmersiveGrid = ({ children }: { children: React.ReactNode }) => (
 				display: grid;
 				width: 100%;
 				margin-left: 0;
-
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						margin-left: 230px;
+					}
+				`}
 				/*
 					Explanation of each unit of grid-template-columns
 
@@ -122,6 +134,22 @@ const ImmersiveGrid = ({ children }: { children: React.ReactNode }) => (
 						'.          border      .           right-column';
 				}
 
+				/* Apply until.leftCol layout from leftCol for Apps targets */
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						grid-template-columns: 620px 300px;
+						grid-column-gap: 20px;
+						grid-template-areas:
+							'title       right-column'
+							'headline    right-column'
+							'standfirst  right-column'
+							'byline      right-column'
+							'caption     right-column'
+							'meta        right-column'
+							'body        right-column';
+					}
+				`}
 				/*
 					Explanation of each unit of grid-template-columns
 
@@ -449,7 +477,7 @@ export const ImmersiveLayout = (props: WebProps | AppProps) => {
 					backgroundColour={themePalette('--article-background')}
 					element="article"
 				>
-					<ImmersiveGrid>
+					<ImmersiveGrid renderingTarget={renderingTarget}>
 						{/* Above leftCol, the Caption is controlled by Section ^^ */}
 						<GridItem area="caption">
 							<Hide when="above" breakpoint="leftCol">
@@ -549,62 +577,24 @@ export const ImmersiveLayout = (props: WebProps | AppProps) => {
 							)}
 							<div css={maxWidth}>
 								{isApps ? (
-									<>
-										<Hide when="above" breakpoint="leftCol">
-											<ArticleMetaApps
-												branding={branding}
-												format={format}
-												byline={article.byline}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-												pageId={article.config.pageId}
-											></ArticleMetaApps>
-										</Hide>
-										<Hide when="below" breakpoint="leftCol">
-											<ArticleMeta
-												branding={branding}
-												format={format}
-												pageId={article.pageId}
-												webTitle={article.webTitle}
-												byline={article.byline}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-											/>
-											{!!article.affiliateLinksDisclaimer && (
-												<AffiliateDisclaimer />
-											)}
-										</Hide>
-									</>
+									<ArticleMetaApps
+										branding={branding}
+										format={format}
+										byline={article.byline}
+										tags={article.tags}
+										primaryDateline={
+											article.webPublicationDateDisplay
+										}
+										secondaryDateline={
+											article.webPublicationSecondaryDateDisplay
+										}
+										isCommentable={article.isCommentable}
+										discussionApiUrl={
+											article.config.discussionApiUrl
+										}
+										shortUrlId={article.config.shortUrlId}
+										pageId={article.config.pageId}
+									></ArticleMetaApps>
 								) : (
 									<>
 										<ArticleMeta
diff --git a/dotcom-rendering/src/layouts/InteractiveLayout.tsx b/dotcom-rendering/src/layouts/InteractiveLayout.tsx
index 2607452aef8..9fc19b7c474 100644
--- a/dotcom-rendering/src/layouts/InteractiveLayout.tsx
+++ b/dotcom-rendering/src/layouts/InteractiveLayout.tsx
@@ -5,7 +5,6 @@ import {
 	palette as sourcePalette,
 	until,
 } from '@guardian/source/foundations';
-import { Hide } from '@guardian/source/react-components';
 import { StraightLines } from '@guardian/source-development-kitchen/react-components';
 import React from 'react';
 import { AdPortals } from '../components/AdPortals.importable';
@@ -412,63 +411,28 @@ export const InteractiveLayout = (props: WebProps | AppsProps) => {
 							<GridItem area="meta" element="aside">
 								<div css={maxWidth}>
 									{isApps ? (
-										<>
-											<Hide from="leftCol">
-												<ArticleMetaApps
-													branding={branding}
-													format={format}
-													byline={article.byline}
-													tags={article.tags}
-													primaryDateline={
-														article.webPublicationDateDisplay
-													}
-													secondaryDateline={
-														article.webPublicationSecondaryDateDisplay
-													}
-													isCommentable={
-														article.isCommentable
-													}
-													discussionApiUrl={
-														article.config
-															.discussionApiUrl
-													}
-													shortUrlId={
-														article.config
-															.shortUrlId
-													}
-													pageId={
-														article.config.pageId
-													}
-												></ArticleMetaApps>
-											</Hide>
-											<Hide until="leftCol">
-												<ArticleMeta
-													branding={branding}
-													format={format}
-													pageId={article.pageId}
-													webTitle={article.webTitle}
-													byline={article.byline}
-													tags={article.tags}
-													primaryDateline={
-														article.webPublicationDateDisplay
-													}
-													secondaryDateline={
-														article.webPublicationSecondaryDateDisplay
-													}
-													isCommentable={
-														article.isCommentable
-													}
-													discussionApiUrl={
-														article.config
-															.discussionApiUrl
-													}
-													shortUrlId={
-														article.config
-															.shortUrlId
-													}
-												/>
-											</Hide>
-										</>
+										<ArticleMetaApps
+											branding={branding}
+											format={format}
+											byline={article.byline}
+											tags={article.tags}
+											primaryDateline={
+												article.webPublicationDateDisplay
+											}
+											secondaryDateline={
+												article.webPublicationSecondaryDateDisplay
+											}
+											isCommentable={
+												article.isCommentable
+											}
+											discussionApiUrl={
+												article.config.discussionApiUrl
+											}
+											shortUrlId={
+												article.config.shortUrlId
+											}
+											pageId={article.config.pageId}
+										></ArticleMetaApps>
 									) : (
 										<ArticleMeta
 											branding={branding}
diff --git a/dotcom-rendering/src/layouts/ShowcaseLayout.tsx b/dotcom-rendering/src/layouts/ShowcaseLayout.tsx
index 7900d6417aa..abe20503636 100644
--- a/dotcom-rendering/src/layouts/ShowcaseLayout.tsx
+++ b/dotcom-rendering/src/layouts/ShowcaseLayout.tsx
@@ -5,7 +5,6 @@ import {
 	palette as sourcePalette,
 	until,
 } from '@guardian/source/foundations';
-import { Hide } from '@guardian/source/react-components';
 import { StraightLines } from '@guardian/source-development-kitchen/react-components';
 import { AdPortals } from '../components/AdPortals.importable';
 import { AdSlot, MobileStickyContainer } from '../components/AdSlot.web';
@@ -55,7 +54,13 @@ import type { ArticleDeprecated } from '../types/article';
 import type { RenderingTarget } from '../types/renderingTarget';
 import { BannerWrapper, Stuck } from './lib/stickiness';
 
-const ShowcaseGrid = ({ children }: { children: React.ReactNode }) => (
+const ShowcaseGrid = ({
+	children,
+	renderingTarget,
+}: {
+	children: React.ReactNode;
+	renderingTarget: RenderingTarget;
+}) => (
 	<div
 		css={css`
 			/* IE Fallback */
@@ -75,6 +80,12 @@ const ShowcaseGrid = ({ children }: { children: React.ReactNode }) => (
 				display: grid;
 				width: 100%;
 				margin-left: 0;
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						margin-left: 270px;
+					}
+				`}
 
 				grid-column-gap: 10px;
 
@@ -87,25 +98,28 @@ const ShowcaseGrid = ({ children }: { children: React.ReactNode }) => (
 					Right Column
 
 				*/
-				${from.wide} {
-					grid-template-columns: 219px 1px 620px 80px 300px;
-					grid-template-areas:
-						'title  border  headline   headline headline'
-						'meta   border  media      media    media'
-						'meta   border  standfirst .        right-column'
-						'meta   border  body       .        right-column'
-						'.      border  .          .        right-column';
-				}
-
-				${until.wide} {
-					grid-template-columns: 140px 1px 620px 300px;
-					grid-template-areas:
-						'title  border  headline    headline'
-						'meta   border  media       media'
-						'meta   border  standfirst  right-column'
-						'meta   border  body        right-column'
-						'.      border  .           right-column';
-				}
+				${renderingTarget === 'Web' &&
+				css`
+					${from.wide} {
+						grid-template-columns: 219px 1px 620px 80px 300px;
+						grid-template-areas:
+							'title  border  headline   headline headline'
+							'meta   border  media      media    media'
+							'meta   border  standfirst .        right-column'
+							'meta   border  body       .        right-column'
+							'.      border  .          .        right-column';
+					}
+
+					${until.wide} {
+						grid-template-columns: 140px 1px 620px 300px;
+						grid-template-areas:
+							'title  border  headline    headline'
+							'meta   border  media       media'
+							'meta   border  standfirst  right-column'
+							'meta   border  body        right-column'
+							'.      border  .           right-column';
+					}
+				`}
 
 				/*
 					Explanation of each unit of grid-template-columns
@@ -113,6 +127,23 @@ const ShowcaseGrid = ({ children }: { children: React.ReactNode }) => (
 					Main content
 					Right Column
 				*/
+
+
+				/* Apply until.leftCol layout from leftCol for Apps targets */
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						grid-template-columns: 620px 300px;
+						grid-template-areas:
+							'title      right-column'
+							'headline   right-column'
+							'standfirst right-column'
+							'media      right-column'
+							'meta       right-column'
+							'body       right-column'
+							'.          right-column';
+					}
+				`}
 				${until.leftCol} {
 					grid-template-columns: 620px 300px;
 					grid-template-areas:
@@ -362,7 +393,7 @@ export const ShowcaseLayout = (props: WebProps | AppsProps) => {
 					element="article"
 					borderColour={themePalette('--article-border')}
 				>
-					<ShowcaseGrid>
+					<ShowcaseGrid renderingTarget={renderingTarget}>
 						<GridItem area="media">
 							<div css={mainMediaWrapper}>
 								<MainMedia
@@ -430,62 +461,24 @@ export const ShowcaseLayout = (props: WebProps | AppsProps) => {
 							</div>
 							<div css={[maxWidth, fullHeight]}>
 								{isApps ? (
-									<>
-										<Hide from="leftCol">
-											<ArticleMetaApps
-												branding={branding}
-												format={format}
-												byline={article.byline}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-												pageId={article.config.pageId}
-											></ArticleMetaApps>
-										</Hide>
-										<Hide until="leftCol">
-											<ArticleMeta
-												branding={branding}
-												format={format}
-												pageId={article.pageId}
-												webTitle={article.webTitle}
-												byline={article.byline}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-											/>
-											{!!article.affiliateLinksDisclaimer && (
-												<AffiliateDisclaimer />
-											)}
-										</Hide>
-									</>
+									<ArticleMetaApps
+										branding={branding}
+										format={format}
+										byline={article.byline}
+										tags={article.tags}
+										primaryDateline={
+											article.webPublicationDateDisplay
+										}
+										secondaryDateline={
+											article.webPublicationSecondaryDateDisplay
+										}
+										isCommentable={article.isCommentable}
+										discussionApiUrl={
+											article.config.discussionApiUrl
+										}
+										shortUrlId={article.config.shortUrlId}
+										pageId={article.config.pageId}
+									></ArticleMetaApps>
 								) : (
 									<>
 										<ArticleMeta
@@ -622,7 +615,8 @@ export const ShowcaseLayout = (props: WebProps | AppsProps) => {
 										margin-left: 20px;
 										margin-right: -20px;
 									}
-									${from.leftCol} {
+									${renderingTarget !== 'Apps' &&
+									from.leftCol} {
 										/* above 1140 */
 										margin-left: 0px;
 										margin-right: 0px;
diff --git a/dotcom-rendering/src/layouts/StandardLayout.tsx b/dotcom-rendering/src/layouts/StandardLayout.tsx
index 32a687379db..7679785e056 100644
--- a/dotcom-rendering/src/layouts/StandardLayout.tsx
+++ b/dotcom-rendering/src/layouts/StandardLayout.tsx
@@ -5,7 +5,6 @@ import {
 	palette as sourcePalette,
 	until,
 } from '@guardian/source/foundations';
-import { Hide } from '@guardian/source/react-components';
 import { StraightLines } from '@guardian/source-development-kitchen/react-components';
 import { AdPortals } from '../components/AdPortals.importable';
 import { AdSlot, MobileStickyContainer } from '../components/AdSlot.web';
@@ -64,10 +63,12 @@ const StandardGrid = ({
 	children,
 	isMatchReport,
 	isMedia,
+	renderingTarget,
 }: {
 	children: React.ReactNode;
 	isMatchReport: boolean;
 	isMedia: boolean;
+	renderingTarget: RenderingTarget;
 }) => (
 	<div
 		css={css`
@@ -88,6 +89,12 @@ const StandardGrid = ({
 				display: grid;
 				width: 100%;
 				margin-left: 0;
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						margin-left: 230px;
+					}
+				`}
 				grid-column-gap: 10px;
 
 				/*
@@ -98,42 +105,44 @@ const StandardGrid = ({
 					Main content
 					Right Column
 				*/
-				${from.wide} {
-					grid-template-columns: 219px 1px 620px 80px 300px;
+				${renderingTarget === 'Web' &&
+				css`
+					${from.wide} {
+						grid-template-columns: 219px 1px 620px 80px 300px;
 
-					${isMatchReport
-						? css`
-								grid-template-areas:
-									'title  border  matchNav   . right-column'
-									'title  border  matchtabs  . right-column'
-									'title  border  headline   . right-column'
-									'.      border  standfirst . right-column'
-									'meta   border  media      . right-column'
-									'meta   border  body       . right-column'
-									'.      border  .          . right-column';
-						  `
-						: isMedia
-						? css`
-								grid-template-areas:
-									'title  border  headline   headline   .'
-									'.      border  disclaimer disclaimer right-column'
-									'meta   border  media      media      right-column'
-									'meta   border  standfirst standfirst right-column'
-									'.      border  body       body       right-column'
-									'.      border  .          .          right-column';
-						  `
-						: css`
-								grid-template-areas:
-									'title  border  headline   . right-column'
-									'.      border  standfirst . right-column'
-									'meta   border  media      . right-column'
-									'meta   border  body       . right-column'
-									'.      border  .          . right-column';
-						  `}
-				}
-			}
+						${isMatchReport
+							? css`
+									grid-template-areas:
+										'title  border  matchNav   . right-column'
+										'title  border  matchtabs  . right-column'
+										'title  border  headline   . right-column'
+										'.      border  standfirst . right-column'
+										'meta   border  media      . right-column'
+										'meta   border  body       . right-column'
+										'.      border  .          . right-column';
+							  `
+							: isMedia
+							? css`
+									grid-template-areas:
+										'title  border  headline   headline   .'
+										'.      border  disclaimer disclaimer right-column'
+										'meta   border  media      media      right-column'
+										'meta   border  standfirst standfirst right-column'
+										'.      border  body       body       right-column'
+										'.      border  .          .          right-column';
+							  `
+							: css`
+									grid-template-areas:
+										'title  border  headline   . right-column'
+										'.      border  standfirst . right-column'
+										'meta   border  media      . right-column'
+										'meta   border  body       . right-column'
+										'.      border  .          . right-column';
+							  `}
+					}
+				`}
 
-			/*
+				/*
 					Explanation of each unit of grid-template-columns
 
 					Left Column
@@ -141,161 +150,208 @@ const StandardGrid = ({
 					Main content
 					Right Column
 				*/
-			${until.wide} {
-				grid-template-columns: 140px 1px 620px 300px;
+				${renderingTarget === 'Web' &&
+				css`
+					${until.wide} {
+						grid-template-columns: 140px 1px 620px 300px;
 
-				${isMatchReport
-					? css`
-							grid-template-areas:
-								'title  border  matchNav     right-column'
-								'title  border  matchtabs    right-column'
-								'title  border  headline     right-column'
-								'.      border  standfirst   right-column'
-								'meta   border  media        right-column'
-								'meta   border  body         right-column'
-								'.      border  .            right-column';
-					  `
-					: isMedia
-					? css`
-							grid-template-areas:
-								'title  border  headline     .'
-								'.      border  disclaimer   right-column'
-								'meta   border  media        right-column'
-								'meta   border  standfirst   right-column'
-								'meta   border  body         right-column'
-								'.      border  .            right-column';
-					  `
-					: css`
-							grid-template-areas:
-								'title  border  headline     right-column'
-								'.      border  standfirst   right-column'
-								'.      border  disclaimer   right-column'
-								'meta   border  media        right-column'
-								'meta   border  body         right-column'
-								'.      border  .            right-column';
-					  `}
-			}
+						${isMatchReport
+							? css`
+									grid-template-areas:
+										'title  border  matchNav     right-column'
+										'title  border  matchtabs    right-column'
+										'title  border  headline     right-column'
+										'.      border  standfirst   right-column'
+										'meta   border  media        right-column'
+										'meta   border  body         right-column'
+										'.      border  .            right-column';
+							  `
+							: isMedia
+							? css`
+									grid-template-areas:
+										'title  border  headline     .'
+										'.      border  disclaimer   right-column'
+										'meta   border  media        right-column'
+										'meta   border  standfirst   right-column'
+										'meta   border  body         right-column'
+										'.      border  .            right-column';
+							  `
+							: css`
+									grid-template-areas:
+										'title  border  headline     right-column'
+										'.      border  standfirst   right-column'
+										'.      border  disclaimer   right-column'
+										'meta   border  media        right-column'
+										'meta   border  body         right-column'
+										'.      border  .            right-column';
+							  `}
+					}
+				`}
+				${renderingTarget === 'Apps' &&
+				css`
+					${from.leftCol} {
+						grid-template-columns: 620px 300px;
+
+						${isMatchReport
+							? css`
+									grid-template-areas:
+										'matchNav      right-column'
+										'matchtabs	   right-column'
+										'title         right-column'
+										'headline      right-column'
+										'standfirst    right-column'
+										'media         right-column'
+										'meta          right-column'
+										'body          right-column'
+										'.             right-column';
+							  `
+							: isMedia
+							? css`
+									grid-template-areas:
+										'title         .'
+										'headline      .'
+										'disclaimer    right-column'
+										'media         right-column'
+										'standfirst    right-column'
+										'meta          right-column'
+										'body          right-column'
+										'.             right-column';
+							  `
+							: css`
+									grid-template-areas:
+										'title         right-column'
+										'headline      right-column'
+										'standfirst    right-column'
+										'disclaimer    right-column'
+										'media         right-column'
+										'meta          right-column'
+										'body          right-column'
+										'.             right-column';
+							  `}
+					}
+				`}
 
-			/*
+				/*
 					Explanation of each unit of grid-template-columns
 
 					Main content
 					Right Column
 				*/
-			${until.leftCol} {
-				grid-template-columns: 620px 300px;
-				${isMatchReport
-					? css`
-							grid-template-areas:
-								'matchNav      right-column'
-								'matchtabs	   right-column'
-								'title         right-column'
-								'headline      right-column'
-								'standfirst    right-column'
-								'media         right-column'
-								'meta          right-column'
-								'body          right-column'
-								'.             right-column';
-					  `
-					: isMedia
-					? css`
-							grid-template-areas:
-								'title         .'
-								'headline      .'
-								'disclaimer    right-column'
-								'media         right-column'
-								'standfirst    right-column'
-								'meta          right-column'
-								'body          right-column'
-								'.             right-column';
-					  `
-					: css`
-							grid-template-areas:
-								'title         right-column'
-								'headline      right-column'
-								'standfirst    right-column'
-								'disclaimer    right-column'
-								'media         right-column'
-								'meta          right-column'
-								'body          right-column'
-								'.             right-column';
-					  `}
-			}
+				${until.leftCol} {
+					grid-template-columns: 620px 300px;
+					${isMatchReport
+						? css`
+								grid-template-areas:
+									'matchNav      right-column'
+									'matchtabs	   right-column'
+									'title         right-column'
+									'headline      right-column'
+									'standfirst    right-column'
+									'media         right-column'
+									'meta          right-column'
+									'body          right-column'
+									'.             right-column';
+						  `
+						: isMedia
+						? css`
+								grid-template-areas:
+									'title         .'
+									'headline      .'
+									'disclaimer    right-column'
+									'media         right-column'
+									'standfirst    right-column'
+									'meta          right-column'
+									'body          right-column'
+									'.             right-column';
+						  `
+						: css`
+								grid-template-areas:
+									'title         right-column'
+									'headline      right-column'
+									'standfirst    right-column'
+									'disclaimer    right-column'
+									'media         right-column'
+									'meta          right-column'
+									'body          right-column'
+									'.             right-column';
+						  `}
+				}
 
-			${until.desktop} {
-				grid-template-columns: 100%; /* Main content */
-				${isMatchReport
-					? css`
-							grid-template-areas:
-								'matchNav'
-								'matchtabs'
-								'title'
-								'headline'
-								'standfirst'
-								'media'
-								'meta'
-								'body';
-					  `
-					: isMedia
-					? css`
-							grid-template-areas:
-								'title'
-								'headline'
-								'disclaimer'
-								'media'
-								'standfirst'
-								'meta'
-								'body';
-					  `
-					: css`
-							grid-template-areas:
-								'title'
-								'headline'
-								'standfirst'
-								'disclaimer'
-								'media'
-								'meta'
-								'body';
-					  `}
-			}
+				${until.desktop} {
+					grid-template-columns: 100%; /* Main content */
+					${isMatchReport
+						? css`
+								grid-template-areas:
+									'matchNav'
+									'matchtabs'
+									'title'
+									'headline'
+									'standfirst'
+									'media'
+									'meta'
+									'body';
+						  `
+						: isMedia
+						? css`
+								grid-template-areas:
+									'title'
+									'headline'
+									'disclaimer'
+									'media'
+									'standfirst'
+									'meta'
+									'body';
+						  `
+						: css`
+								grid-template-areas:
+									'title'
+									'headline'
+									'standfirst'
+									'disclaimer'
+									'media'
+									'meta'
+									'body';
+						  `}
+				}
 
-			${until.tablet} {
-				grid-column-gap: 0px;
+				${until.tablet} {
+					grid-column-gap: 0px;
 
-				grid-template-columns: 100%; /* Main content */
-				${isMatchReport
-					? css`
-							grid-template-areas:
-								'matchNav'
-								'matchtabs'
-								'media'
-								'title'
-								'headline'
-								'standfirst'
-								'meta'
-								'body';
-					  `
-					: isMedia
-					? css`
-							grid-template-areas:
-								'title'
-								'headline'
-								'disclaimer'
-								'media'
-								'standfirst'
-								'meta'
-								'body';
-					  `
-					: css`
-							grid-template-areas:
-								'media'
-								'title'
-								'headline'
-								'standfirst'
-								'disclaimer'
-								'meta'
-								'body';
-					  `}
+					grid-template-columns: 100%; /* Main content */
+					${isMatchReport
+						? css`
+								grid-template-areas:
+									'matchNav'
+									'matchtabs'
+									'media'
+									'title'
+									'headline'
+									'standfirst'
+									'meta'
+									'body';
+						  `
+						: isMedia
+						? css`
+								grid-template-areas:
+									'title'
+									'headline'
+									'disclaimer'
+									'media'
+									'standfirst'
+									'meta'
+									'body';
+						  `
+						: css`
+								grid-template-areas:
+									'media'
+									'title'
+									'headline'
+									'standfirst'
+									'disclaimer'
+									'meta'
+									'body';
+						  `}
+				}
 			}
 		`}
 	>
@@ -463,6 +519,7 @@ export const StandardLayout = (props: WebProps | AppProps) => {
 					<StandardGrid
 						isMatchReport={isMatchReport}
 						isMedia={isMedia}
+						renderingTarget={renderingTarget}
 					>
 						<GridItem area="matchNav" element="aside">
 							<div css={maxWidth}>
@@ -584,70 +641,26 @@ export const StandardLayout = (props: WebProps | AppProps) => {
 								</div>
 							</div>
 							{isApps ? (
-								<>
-									<Hide from="leftCol">
-										<div css={maxWidth}>
-											<ArticleMetaApps
-												branding={branding}
-												format={format}
-												byline={article.byline}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-												pageId={article.config.pageId}
-											></ArticleMetaApps>
-										</div>
-									</Hide>
-									<Hide until="leftCol">
-										<div css={maxWidth}>
-											<ArticleMeta
-												branding={branding}
-												format={format}
-												pageId={article.pageId}
-												webTitle={article.webTitle}
-												byline={article.byline}
-												source={article.config.source}
-												tags={article.tags}
-												primaryDateline={
-													article.webPublicationDateDisplay
-												}
-												secondaryDateline={
-													article.webPublicationSecondaryDateDisplay
-												}
-												isCommentable={
-													article.isCommentable
-												}
-												discussionApiUrl={
-													article.config
-														.discussionApiUrl
-												}
-												shortUrlId={
-													article.config.shortUrlId
-												}
-												mainMediaElements={
-													article.mainMediaElements
-												}
-											/>
-										</div>
-										{!!article.affiliateLinksDisclaimer && (
-											<AffiliateDisclaimer />
-										)}
-									</Hide>
-								</>
+								<div css={maxWidth}>
+									<ArticleMetaApps
+										branding={branding}
+										format={format}
+										byline={article.byline}
+										tags={article.tags}
+										primaryDateline={
+											article.webPublicationDateDisplay
+										}
+										secondaryDateline={
+											article.webPublicationSecondaryDateDisplay
+										}
+										isCommentable={article.isCommentable}
+										discussionApiUrl={
+											article.config.discussionApiUrl
+										}
+										shortUrlId={article.config.shortUrlId}
+										pageId={article.config.pageId}
+									></ArticleMetaApps>
+								</div>
 							) : (
 								<div css={maxWidth}>
 									<ArticleMeta
@@ -806,7 +819,8 @@ export const StandardLayout = (props: WebProps | AppProps) => {
 										margin-right: -20px;
 										padding-bottom: ${isMedia ? 41 : 0}px;
 									}
-									${from.leftCol} {
+									${renderingTarget !== 'Apps' &&
+									from.leftCol} {
 										/* above 1140 */
 										margin-left: 0px;
 										margin-right: 0px;