diff --git a/WebHostLib/static/styles/tooltip.css b/WebHostLib/static/styles/tooltip.css
index a5d8c759..0c5c0c69 100644
--- a/WebHostLib/static/styles/tooltip.css
+++ b/WebHostLib/static/styles/tooltip.css
@@ -47,7 +47,7 @@ give it one of the following classes: tooltip-left, tooltip-right, tooltip-top,
/** Directional arrow styles */
.tooltip:before, [data-tooltip]:before {
- z-index: 1001;
+ z-index: 10000;
border: 6px solid transparent;
background: transparent;
content: "";
@@ -55,7 +55,7 @@ give it one of the following classes: tooltip-left, tooltip-right, tooltip-top,
/** Content styles */
.tooltip:after, [data-tooltip]:after {
- z-index: 1000;
+ z-index: 10000;
padding: 8px;
width: 160px;
border-radius: 4px;
diff --git a/WebHostLib/templates/hostRoom.html b/WebHostLib/templates/hostRoom.html
index 13770e85..b5ec01f2 100644
--- a/WebHostLib/templates/hostRoom.html
+++ b/WebHostLib/templates/hostRoom.html
@@ -21,11 +21,8 @@
you can simply refresh this page and the server will be started again.
{% if room.last_port %}
You can connect to this room by using
-
- '/connect {{ config['PATCH_TARGET'] }}:{{ room.last_port }}'
-
+ data-tooltip="This means address/ip is {{ config['PATCH_TARGET'] }} and port is {{ room.last_port }}.">
+ '/connect {{ config['PATCH_TARGET'] }}:{{ room.last_port }}'
in the client.
{% endif %}
{{ macros.list_patches_room(room) }}