diff --git a/lib/react/message.jsx b/lib/react/message.jsx
index a82bd19..91003b4 100644
--- a/lib/react/message.jsx
+++ b/lib/react/message.jsx
@@ -44,7 +44,7 @@ var Chatroom = React.createClass({
 			<ChatMessage message={message} key={message.id} />
 		);
 		return (
-			<div className="panel panel-default">
+			<div className="panel panel-default chatbox">
 				<div className="panel-heading">Gather Chat</div>
 				<div className="panel-body">
 					<ul className="chat" id="chatmessages" ref="messageContainer">
diff --git a/public/css/app.css b/public/css/app.css
index e58cd53..4473493 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,3 +1,6 @@
+html, body {
+	height: 100%;
+}
 
 #gathers {
 	margin-top: 20px;
@@ -7,13 +10,16 @@
 	margin-top: 20px;
 }
 
+.chatbox {
+
+}
+
 .add-left {
 	margin-left: 10px;
 }
 
 #chatmessages {
-	max-height: 70%;
-	min-height: 70%;
+	height: 480px;
 	overflow-y: scroll;
 }
 
diff --git a/public/js/app.js b/public/js/app.js
index 9f458be..56d1792 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1212,7 +1212,7 @@ var Chatroom = React.createClass({
 		});
 		return React.createElement(
 			"div",
-			{ className: "panel panel-default" },
+			{ className: "panel panel-default chatbox" },
 			React.createElement(
 				"div",
 				{ className: "panel-heading" },