diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCard.spec.js.snap b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCard.spec.js.snap
index a207610a05..60fa8ba2e3 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCard.spec.js.snap
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCard.spec.js.snap
@@ -2,9 +2,15 @@
 
 exports[`it disables the button when in progress 1`] = `
 Array [
-  <span>
-    unit test card code
-  </span>,
+  <div>
+    <span>
+      unit test card code
+    </span>
+    <span>
+      Balance: 
+      <div />
+    </span>
+  </div>,
   <button
     disabled={true}
     onClick={[MockFunction]}
@@ -16,9 +22,15 @@ Array [
 
 exports[`it renders correctly 1`] = `
 Array [
-  <span>
-    unit test card code
-  </span>,
+  <div>
+    <span>
+      unit test card code
+    </span>
+    <span>
+      Balance: 
+      <div />
+    </span>
+  </div>,
   <button
     disabled={false}
     onClick={[MockFunction]}
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCards.spec.js.snap b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCards.spec.js.snap
index e34647b15f..0af35c3c0f 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCards.spec.js.snap
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCards.spec.js.snap
@@ -3,18 +3,52 @@
 exports[`it renders correctly when it has cards 1`] = `
 <div>
   <div>
-    <span>
-      unit test code 1
-    </span>
+    <div>
+      <span>
+        unit test code 1
+      </span>
+      <span>
+        Balance: 
+        <span>
+          $
+        </span>
+        <span>
+          99
+        </span>
+        <span>
+          .
+        </span>
+        <span>
+          00
+        </span>
+      </span>
+    </div>
     <button
       disabled={false}
       onClick={[Function]}
     >
       Remove
     </button>
-    <span>
-      unit test code 2
-    </span>
+    <div>
+      <span>
+        unit test code 2
+      </span>
+      <span>
+        Balance: 
+        <span>
+          $
+        </span>
+        <span>
+          99
+        </span>
+        <span>
+          .
+        </span>
+        <span>
+          00
+        </span>
+      </span>
+    </div>
     <button
       disabled={false}
       onClick={[Function]}
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCard.spec.js b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCard.spec.js
index 102dfbe5e8..84c2a01c21 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCard.spec.js
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCard.spec.js
@@ -24,8 +24,12 @@ jest.mock(
  */
 const props = {
     code: 'unit test card code',
-    removeGiftCard: jest.fn(),
-    isRemovingCard: false
+    currentBalance: {
+        currency: 'USD',
+        value: 99
+    },
+    isRemovingCard: false,
+    removeGiftCard: jest.fn()
 };
 const talonProps = {
     removeGiftCardWithCode: jest.fn()
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCards.spec.js b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCards.spec.js
index ed356f3467..9716f7fae2 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCards.spec.js
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/__tests__/giftCards.spec.js
@@ -77,8 +77,20 @@ test('it renders correctly when it has cards', () => {
     const myTalonProps = {
         ...talonProps,
         giftCardsData: [
-            { code: 'unit test code 1' },
-            { code: 'unit test code 2' }
+            {
+                code: 'unit test code 1',
+                current_balance: {
+                    currency: 'USD',
+                    value: 99
+                }
+            },
+            {
+                code: 'unit test code 2',
+                current_balance: {
+                    currency: 'USD',
+                    value: 99
+                }
+            }
         ]
     };
     useGiftCards.mockReturnValueOnce(myTalonProps);
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.css b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.css
index c02de1f298..888d62683e 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.css
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.css
@@ -1,4 +1,13 @@
 .card_info {
+    display: grid;
+    row-gap: 0.5rem;
+}
+
+.balance {
+    font-size: 0.875rem;
+}
+
+.code {
 }
 
 .remove {
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.js b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.js
index b10006bb10..819a053e19 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.js
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCard.js
@@ -1,12 +1,13 @@
 import React, { Fragment } from 'react';
 
 import { useGiftCard } from '@magento/peregrine/lib/talons/CartPage/GiftCards/useGiftCard';
+import { Price } from '@magento/peregrine';
 
 import { mergeClasses } from '../../../classify';
 import defaultClasses from './giftCard.css';
 
 const GiftCard = props => {
-    const { code, isRemovingCard, removeGiftCard } = props;
+    const { code, currentBalance, isRemovingCard, removeGiftCard } = props;
 
     const { removeGiftCardWithCode } = useGiftCard({
         code,
@@ -17,7 +18,16 @@ const GiftCard = props => {
 
     return (
         <Fragment>
-            <span className={classes.card_info}>{code}</span>
+            <div className={classes.card_info}>
+                <span className={classes.code}>{code}</span>
+                <span className={classes.balance}>
+                    {`Balance: `}
+                    <Price
+                        value={currentBalance.value}
+                        currencyCode={currentBalance.currency}
+                    />
+                </span>
+            </div>
             <button
                 className={classes.remove}
                 disabled={isRemovingCard}
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCardFragments.ee.js b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCardFragments.ee.js
index 81093c2135..2cbe6cabf6 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCardFragments.ee.js
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCardFragments.ee.js
@@ -4,6 +4,10 @@ export const GiftCardFragment = gql`
     fragment GiftCardFragment on Cart {
         applied_gift_cards {
             code
+            current_balance {
+                currency
+                value
+            }
         }
         id
     }
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.css b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.css
index d20fe34d28..2530a74802 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.css
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.css
@@ -41,7 +41,7 @@
 .cards_container {
     align-items: baseline;
     display: grid;
-    column-gap: 1em;
+    gap: 1em;
     grid-template-columns: max-content auto;
     justify-content: start;
 }
diff --git a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.js b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.js
index 12f53c89be..87abf6682b 100644
--- a/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.js
+++ b/packages/venia-ui/lib/components/CartPage/GiftCards/giftCards.js
@@ -84,14 +84,15 @@ const GiftCards = props => {
     let appliedGiftCards = null;
     if (giftCardsData.length > 0) {
         const cardList = giftCardsData.map(giftCardData => {
-            const { code } = giftCardData;
+            const { code, current_balance } = giftCardData;
 
             return (
                 <GiftCard
                     code={code}
-                    removeGiftCard={removeGiftCard}
+                    currentBalance={current_balance}
                     isRemovingCard={isRemovingCard}
                     key={code}
+                    removeGiftCard={removeGiftCard}
                 />
             );
         });