diff --git a/server/src/main/resources/static/client.html b/server/src/main/resources/static/client.html
index 3267382..ea464e4 100644
--- a/server/src/main/resources/static/client.html
+++ b/server/src/main/resources/static/client.html
@@ -18,7 +18,7 @@
 		</form>
 	</div>
 	<div id="appDiv" class="hidden">
-		<div class="left column">
+		<div class="main column">
 			<div class="header row">Lingo</div>
 			<div class="body row scroll-y">
 				<div id="canvasDiv" class="hidden">
@@ -62,7 +62,7 @@
 				</div>
 			</div>
 		</div>
-		<div class="right column">
+		<div class="chat column">
 			<div class="header row">Chat</div>
 			<div id="messageList" class="body row scroll-y"></div>
 			<div class="footer row">
diff --git a/server/src/main/resources/static/layout.css b/server/src/main/resources/static/layout.css
index f920f14..eae0ee8 100644
--- a/server/src/main/resources/static/layout.css
+++ b/server/src/main/resources/static/layout.css
@@ -29,12 +29,12 @@ body {
 
 /* Specific layout rules */
 
-.left.column {
+.main.column {
 	left: 0;
 	right: 300px;
 }
 
-.right.column {
+.chat.column {
 	width: 300px;
 	right: 0;
 }
@@ -71,10 +71,10 @@ body {
 	background: #ddd
 }
 
-.right.column {
+.chat.column {
 	border-left: 1px solid black;
 }
 
-.right.column .body {
+.chat.column .body {
 	padding: 0 10px;
 }