From 849f39cc3cf65fe2444904493b373a10e2764cc5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dafydd=20Ll=C5=B7r=20Pearson?= <DafyddLlyr@gmail.com>
Date: Thu, 18 Apr 2024 11:49:49 +0100
Subject: [PATCH] fix: Ensure main components have full-width (#3037)

---
 editor.planx.uk/src/pages/Preview/Questions.tsx          | 2 +-
 editor.planx.uk/src/pages/layout/SaveAndReturnLayout.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/editor.planx.uk/src/pages/Preview/Questions.tsx b/editor.planx.uk/src/pages/Preview/Questions.tsx
index d398d6e4a9..194a5f7edf 100644
--- a/editor.planx.uk/src/pages/Preview/Questions.tsx
+++ b/editor.planx.uk/src/pages/Preview/Questions.tsx
@@ -185,7 +185,7 @@ const Questions = ({ previewEnvironment }: QuestionsProps) => {
       </BackBar>
 
       {node && (
-        <Box component="main" id="main-content">
+        <Box component="main" id="main-content" sx={{ width: "100%" }}>
           <ErrorBoundary FallbackComponent={ErrorFallback}>
             <Node
               node={node}
diff --git a/editor.planx.uk/src/pages/layout/SaveAndReturnLayout.tsx b/editor.planx.uk/src/pages/layout/SaveAndReturnLayout.tsx
index 982d7347e1..e2101a04ea 100644
--- a/editor.planx.uk/src/pages/layout/SaveAndReturnLayout.tsx
+++ b/editor.planx.uk/src/pages/layout/SaveAndReturnLayout.tsx
@@ -24,12 +24,12 @@ const SaveAndReturnLayout = ({ children }: PropsWithChildren) => {
         {
           [AppPath.SingleSession]: children,
           [AppPath.Save]: (
-            <Box component="main" id="main-content">
+            <Box component="main" id="main-content" sx={{ width: "100%" }}>
               <SavePage />
             </Box>
           ),
           [AppPath.Resume]: (
-            <Box component="main" id="main-content">
+            <Box component="main" id="main-content" sx={{ width: "100%" }}>
               <ResumePage />
             </Box>
           ),