diff --git a/components/index.html b/components/index.html
index 180a8a7..f0bb91d 100644
--- a/components/index.html
+++ b/components/index.html
@@ -4,10 +4,11 @@
 	{{ else if ne .LinkLogin "" }}
 		{{template "linklogin" .LinkLogin}}
 	{{ else if not .State.RoomID }}
-		<div id="hello-user" class="flex text-xl justify-center space-x-8 py-2">
-			<p>Hello {{.State.Username}}</p>
-			<div>
-			<a href="/signout"><button class="bg-amber-100 text-black px-4 py-2 rounded">signout</button></a>
+		<div id="hello-user" class="grid grid-cols-3 items-center text-xl py-2">
+			<div></div>
+			<p class="text-center">Hello {{.State.Username}}</p>
+			<div class="text-right">
+				<a href="/signout"><button class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500">signout</button></a>
 			</div>
 		</div>
 		<div id="create-room" class="create-room-div">
diff --git a/components/namecheck.html b/components/namecheck.html
index a2b6b29..1e1ffac 100644
--- a/components/namecheck.html
+++ b/components/namecheck.html
@@ -5,13 +5,13 @@
 <a href="/">
 <div id="login_notice" class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4" role="alert">
   <p class="font-bold">Be Warned</p>
-  <p>This Name is already taken. You won't be able to login with it until other person leaves.</p>
+  <p>This Name is already taken. But if it's yours, you should know the password.</p>
 </div>
 </a>
 {{ else }}
 <div id="login_notice" class="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4" role="alert">
   <p class="font-bold">Be Warned</p>
-  <p>This Name is already taken. You won't be able to login with it until other person leaves.</p>
+  <p>This Name is already taken. But if it's yours, you should know the password.</p>
 </div>
 {{end}}
 {{end}}