diff --git a/frontend/src/chat/chat.css b/frontend/src/chat/chat.css
index 5e9b65e..993c029 100644
--- a/frontend/src/chat/chat.css
+++ b/frontend/src/chat/chat.css
@@ -223,6 +223,13 @@ div-private {
   right-12
 }
 
+.popup-b-invite {
+  @apply
+  absolute 
+  bottom-52 
+  right-12
+}
+
 .hidden{
     display: none;
 }
\ No newline at end of file
diff --git a/src/chat/src/app.ts b/src/chat/src/app.ts
index 033e17c..b980883 100644
--- a/src/chat/src/app.ts
+++ b/src/chat/src/app.ts
@@ -199,6 +199,7 @@ async function onReady(fastify: FastifyInstance) {
 					   <div-login-name id="loginName"> Login Name: '${allUsers?.login ?? 'Guest'}' </div> 
 					   </br>
 					   <button id="popup-b-clear" class="btn-style popup-b-clear">Clear Text</button>
+					   <button id="popup-b-invite" class="btn-style popup-b-invite">Pong Us ?</button>
             		   <div id="profile-about">About: No description</div>
         			  </div>`;
 		}