                         valueComponent={@ColorOption}
                         disabled={!@state.commands.isEditing()}
                         itemComponent={@ColorOption} />
-                </LC.FormGroup>
+                </LC.FieldWrapper>
+
                 <LC.Input name="description" model={@project} sm=8 />
             </BS.Row>
 

                <LC.Input name="po_num" model={@project} sm=3 />
            </BS.Row>
            <BS.Row>

                <LC.Input sm=2 name="rates" label='Hourly Rate' model={@project}
                    setValue={@setHourlyRate} getValue={@getHourlyRate} />
                <LC.FormGroup sm=2 label="Entry Color">
                    <Lanes.Vendor.ReactWidgets.DropdownList
                        className='colors'
                        data={Skr.Models.CustomerProject.COLORS}

    getHourlyRate: -> @project.rates?.hourly
    setHourlyRate: (value) ->
        @project.rates = _.extend({}, @project.rates, {hourly: value.replace(/[^0-9.]/g, '')})
    ColorOption: (props) ->
        <div className={"color-#{props.item.id}"}>{props.item.name}</div>

    setColor: (value) ->
        @project.options = _.extend({}, @project.options, {color: value.id})
        @forceUpdate()
    getColorReadOnly: ->
        index = @getColor()
        color = _.findWhere(Skr.Models.CustomerProject.COLORS, id: index)
        <div className={"ro color-#{index}"}>{color?.name}</div>

    getColor: ->
        @project.options?.color
