diff --git a/ui/page/checkoutPage/credit-card-logos.png b/ui/page/checkoutPage/credit-card-logos.png
new file mode 100644
index 000000000..3977c0998
Binary files /dev/null and b/ui/page/checkoutPage/credit-card-logos.png differ
diff --git a/ui/page/checkoutPage/view.jsx b/ui/page/checkoutPage/view.jsx
index d7a2747a3..14c62072b 100644
--- a/ui/page/checkoutPage/view.jsx
+++ b/ui/page/checkoutPage/view.jsx
@@ -3,6 +3,7 @@ import * as React from 'react';
 import Page from 'component/page';
 import Button from 'component/button';
 import Card from 'component/common/card';
+import CreditCards from './credit-card-logos.png';
 
 export default function CheckoutPage() {
   return (
@@ -13,11 +14,15 @@ export default function CheckoutPage() {
         body={
           <div className="card--inline card--section card--highlighted">
             <strong>{__('lbry.tv Premium - 1 month')}</strong>
+            <div>$5 per month</div>
           </div>
         }
         actions={
           <div className="section__actions">
             <Button button="primary" label={__('Checkout')} />
+            <div>
+              <img src={CreditCards} style={{ height: '2rem' }} />
+            </div>
           </div>
         }
       />