1 files changed, 3 insertions, 11 deletions
diff --git a/vnext/src/components/Chat.js b/vnext/src/components/Chat.js
index be671fb9..0da8dcde 100644
--- a/vnext/src/components/Chat.js
+++ b/vnext/src/components/Chat.js
@@ -8,6 +8,8 @@ import MessageInput from './MessageInput';
 
 import { getChat, pm } from '../api';
 
+import './Chat.css';
+
 export default class Chat extends React.Component {
     constructor(props) {
         super(props);
@@ -59,7 +61,7 @@ export default class Chat extends React.Component {
 
                     {uname ? (
                         <div className="chatroom">
-                            <ul style={chatStyle}>
+                            <ul className="Chat_messages">
                                 {
                                     chats.map((chat) =>
                                         <PM key={moment.utc(chat.timestamp).valueOf()} chat={chat} {...this.props} />
@@ -84,13 +86,3 @@ Chat.propTypes = {
     visitor: UserType.isRequired,
     match: ReactRouterPropTypes.match.isRequired
 };
-
-const chatStyle = {
-    boxSizing: 'border-box',
-    padding: '0 20px',
-    overflowY: 'auto',
-    height: '450px',
-    display: 'flex',
-    flexDirection: 'column-reverse',
-    width: '100%'
-};