diff --git a/freechat-client/pages/index.html b/freechat-client/pages/index.html
index 03acba9..c8182a2 100644
--- a/freechat-client/pages/index.html
+++ b/freechat-client/pages/index.html
@@ -14,7 +14,7 @@
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
 	<a class="navbar-brand">
 		<img src="../assets/logo.png" width="30" height="30" class="d-inline-block align-top" loading="lazy">
-		Freechat
+		<span id="server-name">Freechat</span>
 	</a>
 	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-opts" aria-controls="navbar-opts" aria-expanded="false" aria-label="Toggle navigation">
 		<span class="navbar-toggler-icon"></span>
@@ -31,8 +31,7 @@
 
 <div class="wrapper" id="content-container">
 	<nav>
-		<div class="channels-list-header"><h3 id="server-name"></h3></div>
-		<ul class="list-unstyled components" id="channels-list">
+		<ul class="components channel-container" id="channels-list">
 		</ul>
 	</nav>
 
@@ -148,7 +147,7 @@
 				})
 			)
 
-			$(`#${id}`).on('click', () => channels.list(remote, user))
+			$(`#${id}`).on('click', async () => await channels.list(remote, user))
 		}
 	} catch(err) {
 		console.log(err)
diff --git a/freechat-client/sass/channels.scss b/freechat-client/sass/channels.scss
index 972e2c8..a88de12 100644
--- a/freechat-client/sass/channels.scss
+++ b/freechat-client/sass/channels.scss
@@ -1,5 +1,16 @@
 @import 'general';
 
+.channel-container {
+	text-align: center;
+	list-style: none;
+	padding-inline-start: 0;
+	width: 12em;
+}
+
+.channel-btn {
+	width: 75%;
+}
+
 .channel {
 	color: $text;
 	background-color: $top-grey;