add balance ui