diff --git a/tests_hugo/chat_node/chat_client/chat.html b/tests_hugo/chat_node/chat_client/chat.html
index 6aa964a0..9989bdb4 100644
--- a/tests_hugo/chat_node/chat_client/chat.html
+++ b/tests_hugo/chat_node/chat_client/chat.html
@@ -82,7 +82,7 @@
 			<div class="chat_item chat_panel chat_panel_new" id="chat_panel_new">
 				<button class="chat_create_btn"><p>create</p></button>
 				<p>join room :</p>
-				<div id="chat_api_publics_rooms" class="chat_api">
+				<div id="chat_api_publics_rooms" class="chat_api chat_public_rooms">
 					<div class="chat_public_rooms __show_if_only_child">
 						<p class="__center">/ there are no public rooms yet /</p>
 					</div>
diff --git a/tests_hugo/chat_node/chat_client/style/chat__global.css b/tests_hugo/chat_node/chat_client/style/chat__global.css
index 09de1f9b..4eafe842 100644
--- a/tests_hugo/chat_node/chat_client/style/chat__global.css
+++ b/tests_hugo/chat_node/chat_client/style/chat__global.css
@@ -4,6 +4,7 @@
 #chat_box p {
 	padding: 10px;
 	font-size: 15px;
+	font-family: Cantarell;
 }
 
 /* show child only if it's alone
diff --git a/tests_hugo/chat_node/chat_client/style/layout_home.css b/tests_hugo/chat_node/chat_client/style/layout_home.css
index 0bf74ed7..e209f441 100644
--- a/tests_hugo/chat_node/chat_client/style/layout_home.css
+++ b/tests_hugo/chat_node/chat_client/style/layout_home.css
@@ -52,3 +52,9 @@
 }
 
 
+/* button "settings" as 3 dots
+*/
+#chat_box.home #chat_api_room_list {
+	background-color: rgb(240, 240, 240);
+}
+
diff --git a/tests_hugo/chat_node/chat_client/style/layout_new.css b/tests_hugo/chat_node/chat_client/style/layout_new.css
index 63ba718a..4dc512ca 100644
--- a/tests_hugo/chat_node/chat_client/style/layout_new.css
+++ b/tests_hugo/chat_node/chat_client/style/layout_new.css
@@ -21,19 +21,27 @@
 	pointer-events: none;
 }
 
-/* add or remove '.chat_item' to toggle the hover effect */
-#chat_box.new .chat_item button {
-	margin: 0px;
-	background-color: transparent;
-}
 
+/* button "create" appearance
+*/
 #chat_box.new .chat_item button.chat_create_btn {
 	margin: 10px 0px;
 }
 
-/*
-				<div id="chat_api_publics_rooms" class="chat_api">
-					<button class="chat_room_name" onclick="layout('room')">
-						<p class="__left">join room</p>
-*/
+
+/* buttons "<rooms_name>" appearance
+*/
+/* add or remove '.chat_item' to toggle the hover effect */
+#chat_box.new .chat_public_rooms button {
+	margin: 0px;
+	background-color: transparent;
+}
+
+
+/* buttons "<rooms_name>" appearance
+*/
+#chat_box.new #chat_api_publics_rooms {
+	background-color: rgb(240, 240, 240);
+}
+