From a0c46c91466ee5b3318c1fc594ed27e5682a10d0 Mon Sep 17 00:00:00 2001
From: Ian Jones <51156018+ianjon3s@users.noreply.github.com>
Date: Fri, 8 Nov 2024 14:25:25 +0000
Subject: [PATCH] fix: FormControlLabel spacing (#3926)

---
 .../src/@planx/components/shared/Radio/BasicRadio.tsx      | 1 +
 .../Settings/ServiceSettings/FlowStatus/index.tsx          | 1 -
 editor.planx.uk/src/theme.ts                               | 7 +++++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/editor.planx.uk/src/@planx/components/shared/Radio/BasicRadio.tsx b/editor.planx.uk/src/@planx/components/shared/Radio/BasicRadio.tsx
index 1a5a091022..1920045104 100644
--- a/editor.planx.uk/src/@planx/components/shared/Radio/BasicRadio.tsx
+++ b/editor.planx.uk/src/@planx/components/shared/Radio/BasicRadio.tsx
@@ -25,6 +25,7 @@ const BasicRadio: React.FC<Props> = ({
     control={<Radio variant={variant} />}
     label={title}
     sx={(theme) => ({
+      ml: theme.spacing(-1),
       mb: variant === "default" ? 1 : 0,
       alignItems: "flex-start",
       [`& .${formControlLabelClasses.label}`]: {
diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings/FlowStatus/index.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings/FlowStatus/index.tsx
index a7b2e5dc45..79850624e3 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings/FlowStatus/index.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/ServiceSettings/FlowStatus/index.tsx
@@ -107,7 +107,6 @@ const FlowStatus = () => {
         <FormControlLabel
           label={statusForm.values.status}
           sx={{
-            margin: 0,
             marginBottom: 0.5,
             [`& .${formControlLabelClasses.label}`]: {
               fontWeight: FONT_WEIGHT_BOLD,
diff --git a/editor.planx.uk/src/theme.ts b/editor.planx.uk/src/theme.ts
index d93678889f..cb8d5da640 100644
--- a/editor.planx.uk/src/theme.ts
+++ b/editor.planx.uk/src/theme.ts
@@ -499,6 +499,13 @@ const getThemeOptions = ({
           },
         },
       },
+      MuiFormControlLabel: {
+        styleOverrides: {
+          root: {
+            margin: 0,
+          },
+        },
+      },
       MuiSwitch: {
         styleOverrides: {
           root: {