diff --git a/dotcom-rendering/src/layouts/InteractiveLayout.tsx b/dotcom-rendering/src/layouts/InteractiveLayout.tsx
index e3e83539490..f400b6ce440 100644
--- a/dotcom-rendering/src/layouts/InteractiveLayout.tsx
+++ b/dotcom-rendering/src/layouts/InteractiveLayout.tsx
@@ -247,16 +247,16 @@ export const InteractiveLayout = (props: WebProps | AppsProps) => {
 	return (
 		<>
 			{isApps && (
-				<Island priority="critical">
-					<InteractivesNativePlatformWrapper />
-				</Island>
-			)}
-			{article.isLegacyInteractive && (
 				<>
-					<Global styles={interactiveGlobalStyles} />
+					<Island priority="critical">
+						<InteractivesNativePlatformWrapper />
+					</Island>
 					<Global styles={temporaryBodyCopyColourOverride} />
 				</>
 			)}
+			{article.isLegacyInteractive && (
+				<Global styles={interactiveGlobalStyles} />
+			)}
 			{isWeb && (
 				<>
 					<div>