change dot color and add hover state