         size:      React.PropTypes.string
 
     contextTypes:
-        uistate: Lanes.PropTypes.State
+        viewport: Lanes.PropTypes.State
+        uistate:  Lanes.PropTypes.State
 
     getDefaultProps: ->
         size: 'large'

        @setState(show: nextProps.show) if nextProps.show?

    _hide: ->
        @setState(show: false)

    hide: ->

        cls = _.classnames('lanes-dialog', @props.className, @context.uistate?.layout_size)

        <BS.Modal.Dialog className={cls} bsSize={@props.size} onHide={@_hide}>
            <BS.Modal.Header>
                <BS.Modal.Title>{@props.title}</BS.Modal.Title>
            </BS.Modal.Header>

