diff --git a/res/css/views/directory/_NetworkDropdown.scss b/res/css/views/directory/_NetworkDropdown.scss
index 1f55531602..f017ed9dcd 100644
--- a/res/css/views/directory/_NetworkDropdown.scss
+++ b/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;
+    }
 }
diff --git a/src/components/views/directory/NetworkDropdown.js b/src/components/views/directory/NetworkDropdown.js
index 229f80ef29..8369926fb4 100644
--- a/src/components/views/directory/NetworkDropdown.js
+++ b/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>;