change square to circle and add listener