fix styling of server name in handle

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

res/css/views/directory/_NetworkDropdown.scss

@@ -149,4 +149,9 @@ limitations under the License.
         mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
         background-color: $primary-fg-color;
     }
+
+    .mx_NetworkDropdown_handle_server {
+        color: $muted-fg-color;
+        font-size: 12px;
+    }
 }

src/components/views/directory/NetworkDropdown.js

@@ -223,7 +223,7 @@ const NetworkDropdown = ({onOptionChange, protocols = {}, selectedServerName, se
         >
             <span>
                 {currentValue}
-            </span> <span>
+            </span> <span className="mx_NetworkDropdown_handle_server">
                 ({selectedServerName})
             </span>
         </ContextMenuButton>;