From d9ffda624c4c17d5c62fad79f039b89d1a0c015d Mon Sep 17 00:00:00 2001
From: Ian Jones <hello@ianjo.uk>
Date: Tue, 9 Jul 2024 12:55:29 +0100
Subject: [PATCH] fix: Correct containers and imports

---
 .../FlowEditor/components/Settings/DataManagerSettings.tsx  | 6 +++---
 .../components/Settings/GeneralSettings/index.tsx           | 1 -
 .../pages/FlowEditor/components/Settings/ServiceFlags.tsx   | 6 +++---
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx
index 431ba6cb61..c5899d05e2 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/DataManagerSettings.tsx
@@ -1,4 +1,4 @@
-import Box from "@mui/material/Box";
+import Container from "@mui/material/Container";
 import Typography from "@mui/material/Typography";
 import React from "react";
 import { FeaturePlaceholder } from "ui/editor/FeaturePlaceholder";
@@ -6,7 +6,7 @@ import SettingsSection from "ui/editor/SettingsSection";
 
 const DataManagerSettings: React.FC = () => {
   return (
-    <Box maxWidth="formWrap" mx="auto">
+    <Container maxWidth="formWrap">
       <SettingsSection>
         <Typography variant="h2" component="h3" gutterBottom>
           Data Manager
@@ -19,7 +19,7 @@ const DataManagerSettings: React.FC = () => {
       <SettingsSection>
         <FeaturePlaceholder title="Feature in development" />
       </SettingsSection>
-    </Box>
+    </Container>
   );
 };
 export default DataManagerSettings;
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/GeneralSettings/index.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/GeneralSettings/index.tsx
index 60604f5d61..71ec6eeca2 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/GeneralSettings/index.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/GeneralSettings/index.tsx
@@ -1,5 +1,4 @@
 import Alert from "@mui/material/Alert";
-import Box from "@mui/material/Box";
 import Container from "@mui/material/Container";
 import Snackbar from "@mui/material/Snackbar";
 import Typography from "@mui/material/Typography";
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx
index 12954c5d67..d8165924c1 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceFlags.tsx
@@ -1,4 +1,4 @@
-import Box from "@mui/material/Box";
+import Container from "@mui/material/Container";
 import Typography from "@mui/material/Typography";
 import React from "react";
 import { FeaturePlaceholder } from "ui/editor/FeaturePlaceholder";
@@ -6,7 +6,7 @@ import SettingsSection from "ui/editor/SettingsSection";
 
 const ServiceFlags: React.FC = () => {
   return (
-    <Box maxWidth="formWrap" mx="auto">
+    <Container maxWidth="formWrap">
       <SettingsSection>
         <Typography variant="h2" component="h3" gutterBottom>
           Service flags
@@ -19,7 +19,7 @@ const ServiceFlags: React.FC = () => {
       <SettingsSection>
         <FeaturePlaceholder title="Feature in development" />
       </SettingsSection>
-    </Box>
+    </Container>
   );
 };
 export default ServiceFlags;