         onCancel={=> @onRemoveCancel()}
         onRemove={=> @onRemoveSuccess()} />
 
-      <CreateCreditCardForm loading={loading} ref={(f) => @_form = f} />
+      {hasCard and
+        <CardInfo
+          loading={loading}
+          number={placeholders.number}
+          brand={placeholders.brand}
+          year={placeholders.exp_year}
+          month={placeholders.exp_month}
+          formVisible={formVisible}
+          onToggleForm={=> @onToggleForm()} />}
+
+      {formVisible and
+        <CreateCreditCardForm loading={loading} ref={(f) => @_form = f} />}
 
       <Footer border>
         <Row style={{margin: '0'}} between='xs'>

CreateCreditCardForm = require './creditcardcontainer'
SubscriptionSuccessModal = require 'lab/SubscriptionSuccessModal'
CardRemoveConfirmModal = require 'lab/CardRemoveConfirmModal'

Icon = require 'lab/Icon'


                size='small'
                onClick={secondaryButtonProps.onClick}
                type='secondary'>{secondaryButtonProps.title}</Button>}
          </Col>
          <Col>
            <Button
              size='small'
              type='link-primary-6'
              onClick={onPaymentHistory}>PAYMENT HISTORY</Button>
          </Col>
        </Row>
      </Footer>
