There is probably something in HTML/CSS that could be improved in the "Notification server not enabled" case.
At the moment it seems like the message is floating over another icon on the "N" letter:
| Current | Expected |
|---------------------|---------------------|
| {F315024,size=full} | {F315001,size=full} |
Also when "Connecting" the icon could be adjusted a bit:
| Current | Expected |
|---------------------|---------------------|
| {F315061,size=full} | {F315072,size=full} |
The visual problem seems caused by this HTML structure:
```counterexample
<span class="connection-status-text aphlict-connection-status-notenabled">
<span class="visual-only phui-icon-view phui-font-fa fa-circle-o grey" data-meta="2_40" aria-hidden="true"></span>
Notification server not enabled
</span>
```
To fix the graphic, this structure is needed instead:
```
<span class="visual-only phui-icon-view phui-font-fa fa-circle-o grey" data-meta="2_40" aria-hidden="true"></span>
<span class="connection-status-text aphlict-connection-status-notenabled">Notification server not enabled</span>
```
All the other messages are OK as-is and should not be touched.
In fact, this is the green icon when connected, that is already OK:
```
<span class="phui-icon-view phui-font-fa fa-circle green"></span>
<span class="connection-status-text aphlict-connection-status-open">Connected</span>
```