diff --git a/app/client/src/components/ads/DraggableListCard.tsx b/app/client/src/components/ads/DraggableListCard.tsx
index 0645c8c95d..01fc9fe4da 100644
--- a/app/client/src/components/ads/DraggableListCard.tsx
+++ b/app/client/src/components/ads/DraggableListCard.tsx
@@ -61,6 +61,10 @@ export function DraggableListCard(props: RenderComponentProps) {
   const ref = useRef<HTMLInputElement | null>(null);
   const debouncedUpdate = _.debounce(updateOption, 1000);
 
+  useEffect(() => {
+    setVisibility(item.isVisible);
+  }, [item.isVisible]);
+
   useEffect(() => {
     if (!isEditing && item && item.label) setValue(item.label);
   }, [item?.label, isEditing]);