                         placeholder = {placeholder_text}
                         onChange    = {(e) => @setState(coupon_id : e.target.value)}
                         onKeyDown   = {@key_down}
+                        onBlur      = {@submit}
                     />
                     <InputGroup.Button>
-                        <Button onClick={@submit} disabled={@state.coupon_id == ''}>
-                            <Icon name='check' />
+                        <Button onClick={@submit} disabled={@state.coupon_id == ''} bsStyle={bsStyle} >
+                            Apply
                         </Button>
                     </InputGroup.Button>
                 </InputGroup>
             </FormGroup> if @props.applied_coupons?.size == 0}
             {<SkinnyError error_text={@props.coupon_error} on_close={@actions('billing').clear_coupon_error} /> if @props.coupon_error}
-            {<div style={color:'rgb(153, 153, 153)', fontWeight:'200'}>No coupons applied</div> if @props.applied_coupons?.size == 0}
         </Well>
 
 CouponList = rclass

                    {<ConfirmPaymentMethod
                        is_recurring = {@is_recurring()}
                    /> if @props.selected_plan isnt ''}
                    {<CouponAdder applied_coupons={@props.applied_coupons} coupon_error={@props.coupon_error} />}
                    {@render_create_subscription_buttons()}
                </Well>
                <ExplainResources type='shared'/>

            placeholder_text = 'Enter another code?'
        else
            placeholder_text = 'Enter your code here...'

        if @state.coupon_id == ''
            bsStyle = undefined
        else
            bsStyle = 'primary'

        <Well>
            <h5 style={color:'#666'}><Icon name='plus' /> Add a coupon?</h5>
