Border radius in NUI isn't showing correctly


I’m working on a circle as a background but it’s not going that well. I’ve been using css3’s border-radius to make it a circle but the game makes it some kind of egg that has fought in a thousand battles against scissors, as seen below:

The code is quite simple, the border radius is applied as following:

border-radius: 100%;

which is found in the following class:

.circle-icon {
    position: absolute;
    border-radius: 100%;
    background-color: #55728b;
    width: 50px;
    height: 50px;
    top: -25px;
    left: calc(50% - 25px);
    text-align: center;
    line-height: 60px;
    color: #FFFFFF;

Is it a known problem that border radius this high isn’t working for a NUI or should I turn font smoothing on? avoid using border radius this high?


The next client update will update CEF and fix this regression in the last update.


Awesome! any ETA for the update? I’ll just not touch the file and keep working on other things until the CEF has been updated.