The CSS you need is something like...
.jsenabled .usermenu .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
border-top-color: #777;
margin-left: 20px;
margin-top: 8px;
}
margin-left can be whatever distance you need to make it separate from the avatar.
Hope that helps?
Mary