import React, { PropTypes } from 'react'
import { connect } from 'react-redux'
import { Row, Col } from 'react-flexbox-grid'
import setPropTypes from 'recompose/setPropTypes'
import compose from 'recompose/compose'

const Log = compose(
  connect((state) => ({ log: state.log })),
  setPropTypes({
    log: PropTypes.array.isRequired
  })
)(({ log }) => (
  <Row>
    <Col>
      {
        log.map((content, idx) => (
          <Row key={ idx }>
            <Col> { content } </Col>
          </Row>
        ))
      }
    </Col>
  </Row>
))

export default Log

@@ -365,16 +365,40 @@
     %3CCol
+ style=%7B styles.scroll %7D
 %3E%0A      
@@ -560,16 +560,135 @@
 ow%3E%0A))%0A%0A
+const styles = %7B%0A  scroll: %7B%0A    width: '25%25',%0A    height: '600px',%0A    overflow: 'auto',%0A    padding: '0 10px'%0A  %7D%0A%7D%0A%0A
 export d

Update style