diff --git a/plugins/user-settings/src/components/FeatureFlags/FeatureFlagsItem.tsx b/plugins/user-settings/src/components/FeatureFlags/FeatureFlagsItem.tsx
index 893fa24fec..6c9e6c811c 100644
--- a/plugins/user-settings/src/components/FeatureFlags/FeatureFlagsItem.tsx
+++ b/plugins/user-settings/src/components/FeatureFlags/FeatureFlagsItem.tsx
@@ -37,12 +37,7 @@ export const FlagItem = ({ flag, enabled, toggleHandler }: Props) => (
     <ListItem divider button onClick={() => toggleHandler(flag.name)}>
       <ListItemIcon>
         <Tooltip placement="top" arrow title={enabled ? 'Disable' : 'Enable'}>
-          <Switch
-            color="primary"
-            checked={enabled}
-            onChange={() => toggleHandler(flag.name)}
-            name={flag.name}
-          />
+          <Switch color="primary" checked={enabled} name={flag.name} />
         </Tooltip>
       </ListItemIcon>
       <ListItemText