diff --git a/web/src/components/settings/MotionMaskEditPane.tsx b/web/src/components/settings/MotionMaskEditPane.tsx
index a06f8e475..d6cf6d9e0 100644
--- a/web/src/components/settings/MotionMaskEditPane.tsx
+++ b/web/src/components/settings/MotionMaskEditPane.tsx
@@ -386,7 +386,7 @@ export default function MotionMaskEditPane({
               control={form.control}
               name="enabled"
               render={({ field }) => (
-                <FormItem className="flex flex-row items-center justify-between">
+                <FormItem className="flex flex-row items-center justify-between gap-3">
                   <div className="space-y-0.5">
                     <FormLabel>
                       {t("masksAndZones.masks.enabled.title")}
diff --git a/web/src/components/settings/ObjectMaskEditPane.tsx b/web/src/components/settings/ObjectMaskEditPane.tsx
index 0aaf6ef0a..b4a700b74 100644
--- a/web/src/components/settings/ObjectMaskEditPane.tsx
+++ b/web/src/components/settings/ObjectMaskEditPane.tsx
@@ -377,7 +377,7 @@ export default function ObjectMaskEditPane({
                 control={form.control}
                 name="enabled"
                 render={({ field }) => (
-                  <FormItem className="flex flex-row items-center justify-between">
+                  <FormItem className="flex flex-row items-center justify-between gap-3">
                     <div className="space-y-0.5">
                       <FormLabel>
                         {t("masksAndZones.masks.enabled.title")}
diff --git a/web/src/components/settings/ZoneEditPane.tsx b/web/src/components/settings/ZoneEditPane.tsx
index 4b694b10a..f07d03d2f 100644
--- a/web/src/components/settings/ZoneEditPane.tsx
+++ b/web/src/components/settings/ZoneEditPane.tsx
@@ -596,7 +596,7 @@ export default function ZoneEditPane({
             control={form.control}
             name="enabled"
             render={({ field }) => (
-              <FormItem className="flex flex-row items-center justify-between">
+              <FormItem className="flex flex-row items-center justify-between gap-3">
                 <div className="space-y-0.5">
                   <FormLabel>
                     {t("masksAndZones.zones.enabled.title")}