diff --git a/frontend/src/components/ButtonComponent.tsx b/frontend/src/components/ButtonComponent.tsx
index 91c4d0a..22b386d 100644
--- a/frontend/src/components/ButtonComponent.tsx
+++ b/frontend/src/components/ButtonComponent.tsx
@@ -36,7 +36,7 @@ export const ButtonComponent = React.memo((props: ButtonComponentProps) => {
 
       <DocStringComponent docString={docString} />
       <ToggleButton
-        id="toggle-check"
+        id={`toggle-check-${parent_path}.${name}`}
         type="checkbox"
         variant={value ? 'success' : 'secondary'}
         checked={value}