update ui to align with the backend