diff --git a/apps/web-wallet/app/features/gift-cards/gift-card-item.tsx b/apps/web-wallet/app/features/gift-cards/gift-card-item.tsx
index 050b8f6d9..6dfb73b94 100644
--- a/apps/web-wallet/app/features/gift-cards/gift-card-item.tsx
+++ b/apps/web-wallet/app/features/gift-cards/gift-card-item.tsx
@@ -31,6 +31,17 @@ export function GiftCardItem({
   const balance = getAccountBalance(account);
   const name = account.name;
 
+  if (!image && hideOverlayContent) {
+    return (
+      <WalletCard size={size} className={className}>
+        <WalletCardBlank />
+        <WalletCardOverlay className="flex items-center justify-center px-4">
+          <span className="truncate text-foreground text-lg">{name}</span>
+        </WalletCardOverlay>
+      </WalletCard>
+    );
+  }
+
   return (
     <WalletCard size={size} className={className}>
       {image ? (
diff --git a/apps/web-wallet/app/features/gift-cards/offer-item.tsx b/apps/web-wallet/app/features/gift-cards/offer-item.tsx
index 75fdfe5b2..fa15dcea6 100644
--- a/apps/web-wallet/app/features/gift-cards/offer-item.tsx
+++ b/apps/web-wallet/app/features/gift-cards/offer-item.tsx
@@ -20,7 +20,7 @@ export function OfferItem({ account, image }: OfferItemProps) {
         <>
           <WalletCardBlank />
           <WalletCardOverlay className="flex items-center justify-center px-4">
-            <span className="truncate text-card-foreground text-lg">
+            <span className="truncate text-foreground text-lg">
               {account.name}
             </span>
           </WalletCardOverlay>
diff --git a/apps/web-wallet/app/features/gift-cards/offers-section.tsx b/apps/web-wallet/app/features/gift-cards/offers-section.tsx
index 8ebfd64f0..44cde9919 100644
--- a/apps/web-wallet/app/features/gift-cards/offers-section.tsx
+++ b/apps/web-wallet/app/features/gift-cards/offers-section.tsx
@@ -50,7 +50,7 @@ function OfferCardButton({
           <>
             <WalletCardBlank />
             <WalletCardOverlay className="flex items-center justify-center px-4">
-              <span className="truncate text-card-foreground text-lg">
+              <span className="truncate text-foreground text-lg">
                 {account.name}
               </span>
             </WalletCardOverlay>