fix: Ensure main components have full-width (#3037)

theopensystemslab · Apr 18, 2024 · 849f39c · 849f39c
1 parent cac43e2
commit 849f39c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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>
           ),