diff --git a/assets/main.css b/assets/main.css
index cf0ec8d..f00c603 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -229,3 +229,13 @@ ul#server_selection_list {
 	grid-column-start: 1;
 	grid-column-end: 3;
 }
+
+.channel-contents-message {
+	text-align: center;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: #aaa;
+}
diff --git a/index.html b/index.html
index 1326bad..4791eee 100644
--- a/index.html
+++ b/index.html
@@ -49,8 +49,7 @@
 			<div id="channel_contents_wrapper">
 				<div class="centered" id="channel_contents">
 
-					<div style="text-align: center; width: 100%; height: 100%; display: flex;
-						align-items: center; justify-content: center; color: #aaa">
+					<div class="channel-contents-message">
 						<div>← Select a channel in the sidebar to read it</div>
 					</div>