             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>

                    {<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 = {placeholder_text}
                        onChange    = {(e) => @setState(coupon_id : e.target.value)}
                        onKeyDown   = {@key_down}
                        onBlur      = {@submit}
                    />
                    <InputGroup.Button>
                        <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}
        </Well>

CouponList = rclass
