diff --git a/client/app.js b/client/app.js
index 7c66b84..bf4f9b9 100644
--- a/client/app.js
+++ b/client/app.js
@@ -193,18 +193,18 @@ render(document.body, html`
 		<div id='title'>
 			thread: <strong id="threadname">meow</strong>
 		</div>
-		<button id='messagetab' class='tab active' onclick=${switchTab}>messages</button>
-		<button id='spacetab' class='tab' onclick=${switchTab}>space</button>
-		<button id="loadmore" class="hidden" onclick=${loadMessages}>load more messages</button>
+		<div id='tabs'>
+			<button id='messagetab' class='tab active' onclick=${switchTab}>messages</button><button id='spacetab' class='tab' onclick=${switchTab}>space</button>
+		</div>
 		<div id='message' class='tabcontent'>
-			<div id='messages'>
-			</div>
+			<button id="loadmore" class="hidden" onclick=${loadMessages}>load more messages</button>
+			<div id='messages'></div>
 			<form id="msginput" onsubmit=${sendMessage}>
 				<input type="text" placeholder="write a message..." id="msg" />
-				<button type="submit" class="hidden" id="sendmsg"></button>
+				<button type="submit" id="sendmsg">send</button>
 			</form>
 		</div>
-		<div id='space' class='tabcontent'></div>
+		<div id='space' class='tabcontent hidden'></div>
 	</div>
 `);