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

Also when "Connecting" the icon could be adjusted a bit:

Current	Expected

The visual problem seems caused by this HTML structure:

<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>