From d066bc6d1970800cad63e212815049ea443b37a4 Mon Sep 17 00:00:00 2001
From: Jennifer Player <chainchompa@gmail.com>
Date: Wed, 20 Sep 2023 15:44:15 -0400
Subject: [PATCH] wrap control net button with div to add width

---
 .../ParamControlNetFeatureToggle.tsx          | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/invokeai/frontend/web/src/features/controlNet/components/parameters/ParamControlNetFeatureToggle.tsx b/invokeai/frontend/web/src/features/controlNet/components/parameters/ParamControlNetFeatureToggle.tsx
index 1902d622ff..34f805de54 100644
--- a/invokeai/frontend/web/src/features/controlNet/components/parameters/ParamControlNetFeatureToggle.tsx
+++ b/invokeai/frontend/web/src/features/controlNet/components/parameters/ParamControlNetFeatureToggle.tsx
@@ -1,3 +1,4 @@
+import { Box } from '@chakra-ui/react';
 import { createSelector } from '@reduxjs/toolkit';
 import { stateSelector } from 'app/store/store';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
@@ -26,16 +27,15 @@ const ParamControlNetFeatureToggle = () => {
   }, [dispatch]);
 
   return (
-    <IAIInformationalPopover details="controlNetToggle">
-      <IAISwitch
-        label="Enable ControlNet"
-        isChecked={isEnabled}
-        onChange={handleChange}
-        formControlProps={{
-          width: '100%',
-        }}
-      />
-    </IAIInformationalPopover>
+    <Box width="100%">
+      <IAIInformationalPopover details="controlNetToggle">
+        <IAISwitch
+          label="Enable ControlNet"
+          isChecked={isEnabled}
+          onChange={handleChange}
+        />
+      </IAIInformationalPopover>
+    </Box>
   );
 };