                 </Col>
             </Row>
             <Row>
-                <Col md={12}>
+                <Col md={12} style={padding:'0px 2px 0px 2px'}>
                     <Panel style={@chat_log_style} ref='log_container' onScroll={@on_scroll} >
                         <ChatLog
                             messages     = {@props.messages}

        paddingRight : "10px"

    chat_input_style:
        height       : "0vh"
        margin       : "0"
        padding      : "0"
        marginTop    : "5px"

    is_at_bottom: ->

                </Col>
            </Row>
            <Row>
                <Col md={11} style={padding:'0px 2px 0px 2px'}>
                    <Input
                        autoFocus   = {true}
                        rows        = 4
                        type        = 'textarea'
                        ref         = 'input'
                        onKeyDown   = {@keydown}
                        value       = {@props.input}
                        placeholder = {'Type a message...'}
                        onClick     = {@mark_as_read}
                        onChange    = {(value)=>@props.actions.set_input(@refs.input.getValue())}
                        style       = {@chat_input_style}
                        />
                </Col>
                <Col md={1} style={height:'98.6px', padding:'0px 2px 0px 2px'}>
                    <Button onClick={@send_chat} bsStyle='primary' style={height:'90%', width:'100%', marginTop:'5px'}>Send</Button>
                </Col>
            </Row>
            <Row>
                <Col md={12}>
                    {@render_bottom_tip()}
                </Col>
            </Row>
        </Grid>
