Bar plot values are not getting aligned properly

Screen Link:
https://app.dataquest.io/m/217/guided-project%3A-analyzing-nyc-high-school-data/3/exploring-race-and-sat-scores

My Code:

#Investigating racial differences in SAT Scores
race = ['white_per','asian_per','black_per','hispanic_per']
racedata = combined.corr()["sat_score"][race]
ax = racedata.plot(kind='barh', figsize=(10,6), fontsize=13, align="center")
ax.grid(False)
ax.set_xlabel("Sat Score", fontsize=18)
for r in ax.patches:
    if(r.get_width() > 0):
        ax.annotate(str(round(r.get_width(),2)), (r.get_width()+0.01,r.get_y()+0.25), fontsize="14", color='green', fontweight="demibold")
    if(r.get_width() < 0):
        ax.annotate(str(round(r.get_width(),2)), (r.get_x()+0.01,r.get_y()+0.25), fontsize="14", color='orangered', fontweight="demibold")


What I expected to happen:
image

What actually happened:

image

Have observed from last 2 to 3 missions the output related to charts differ at dataquest platform than my jupyter notebook, this time values are not at position where it has to be, but same values are aligned in my jupyter notebook, also there are color differences, don’t know where is the issue, please help me to understand