diff --git a/packages/widgets/src/modals/widget-edit-modal.module.css b/packages/widgets/src/modals/widget-edit-modal.module.css
index 6dcc2d579..9294af70d 100644
--- a/packages/widgets/src/modals/widget-edit-modal.module.css
+++ b/packages/widgets/src/modals/widget-edit-modal.module.css
@@ -102,6 +102,7 @@
 
 .switchOption {
   display: flex;
+  cursor: pointer;
   height: 4.5rem;
   align-items: center;
   padding: 0.625rem 0.75rem;
diff --git a/packages/widgets/src/modals/widget-edit-modal.tsx b/packages/widgets/src/modals/widget-edit-modal.tsx
index 98d52c1eb..c61f23a86 100644
--- a/packages/widgets/src/modals/widget-edit-modal.tsx
+++ b/packages/widgets/src/modals/widget-edit-modal.tsx
@@ -570,7 +570,17 @@ export const WidgetEditModal = createModal<WidgetEditModalProps<WidgetKind>>(({
                       }
 
                       return (
-                        <Box key={key} className={classes.switchOption} data-option-type={value.type}>
+                        <Box
+                          key={key}
+                          className={classes.switchOption}
+                          data-option-type={value.type}
+                          onClick={(event) => {
+                            const target = event.target;
+                            if (target instanceof Element && target.closest("label, input")) return;
+                            const input = event.currentTarget.querySelector<HTMLInputElement>("input[type=checkbox]");
+                            if (!input?.disabled) input?.click();
+                          }}
+                        >
                           <Input
                             kind={innerProps.kind}
                             property={key}