     show_history: ->
         #No history for mobile, since right now messages in mobile are too clunky
         if not IS_MOBILE
-            <div className="pull-left small" style={color:'#888', marginLeft:'10px'} onClick={@enable_history}>
-                <Icon name='history'/>
+            <div className="pull-left small" style={color:'#888', marginLeft:'10px', cursor:'pointer'} onClick={@enable_history}>
+                <Tip title='Message History' tip='Show history of editing of this message.'>
+                    <Icon name='history'/>
+                </Tip>
             </div>
 
     hide_history: ->
         #No history for mobile, since right now messages in mobile are too clunky
         if not IS_MOBILE
-            <div className="pull-left small" style={color:'#888', marginLeft:'10px'} onClick={@disable_history}>
-                <Icon name='history'/>
+            <div className="pull-left small"
+                 style={color:'#888', marginLeft:'10px', cursor:'pointer'}
+                 onClick={@disable_history} >
+                <Tip title='Message History' tip='Hide history of editing of this message.'>
+                    <Icon name='history'/> Hide History
+                </Tip>
             </div>
 
     disable_history: ->


    render_preview_button_on: ->
        tip = <span>
            Toggles message preview on
        </span>

        <Button ref='on' className='smc-big-only' onClick={@button_on_click}>
            <Tip title='Toggle Preview On' tip={tip}>
                <Icon name='toggle-on'/> Preview
            </Tip>
        </Button>

    render_preview_button_off: ->
        tip = <span>
            Toggles message preview off
        </span>

        <Button ref='off' className='smc-big-only' onClick={@button_off_click}>
            <Tip title='Toggle Preview Off' tip={tip}>
                <Icon name='toggle-off'/> Preview
            </Tip>
        </Button>

    render_timetravel_button: ->
        tip = <span>
            Redirects to the history of the sage-chat
        </span>

        <Button onClick={@show_timetravel} bsStyle='info'>
            <Tip title='TimeTravel Button' tip={tip}>
                <Icon name='history'/> TimeTravel
            </Tip>
        </Button>

    render_bottom_button: ->
        tip = <span>
            Scrolls the chat to the the bottom
        </span>

        <Button onClick={@scroll_to_bottom}>
            <Tip title='Scroll to Bottom Button' tip={tip}>
                <Icon name='arrow-down'/> Bottom
            </Tip>
        </Button>

                                <Markdown value={value}/>
                            </div>
                            <div className="pull-right small" style={color:'#888'}>
                                Preview (press Shift+Enter to send)
                            </div>
                        </ListGroupItem>
                        <div></div>  {#This div tag fixes a weird bug where <li> tags would be rendered below the <ListGroupItem>}
