         value = newest_content(@props.message)
 
         if sender_is_viewer(@props.account_id, @props.message)
-            color = '#f5f5f5'
+            color = '#eee'
         else
             color = '#fff'
 

                            actions      = {@props.actions}
                            focus_end    = {focus_endpoint}
                            show_heads   = {false} />
                    </Panel>
                </Col>
            </Row>
            <Row>

        else if not @props.is_next_sender
            borderRadius = '5px 5px 10px 10px'

        message_style =
            background    : color
            wordWrap      : "break-word"
            marginBottom  : "3px"
            borderRadius  : borderRadius

        <Col key={1} xs={11} style={width: "100%"}>
            {show_user_name(@props.sender_name) if not @props.is_prev_sender and not sender_is_viewer(@props.account_id, @props.message)}
            <Well style={message_style} bsSize="small" onDoubleClick = {@edit_message}>
                {get_timeago(@props.message)}
                {render_markdown(value, @props.project_id, @props.file_path) if not is_editing(@props.message, @props.account_id)}
                {@render_input() if is_editing(@props.message, @props.account_id)}
                {@editing_status() if @props.message.get('history').size > 1 or  @props.message.get('editing').size > 0}
                {@show_history() if not @state.show_history and @props.message.get('history').size > 1}
                {@hide_history() if @state.show_history and @props.message.get('history').size > 1}
            </Well>
            {render_history_title(color, font_size) if @state.show_history}
            {render_history(color, font_size, @props.history, @props.history_author, @props.history_date, @props.user_map) if @state.show_history}
            {render_history_footer(color, font_size) if @state.show_history}
