update the style for the average component
merge conflict in styles