diff --git a/src/pages/RiderCardPage.tsx b/src/pages/RiderCardPage.tsx
index 20ea53a..7442e69 100644
--- a/src/pages/RiderCardPage.tsx
+++ b/src/pages/RiderCardPage.tsx
@@ -41,8 +41,6 @@ import { useQuery } from '@tanstack/react-query';
 import { genUserName } from '@/lib/genUserName';
 import { cn } from '@/lib/utils';
 import type { NostrEvent } from '@nostrify/nostrify';
-import { QRCodeCanvas } from '@/components/ui/qrcode';
-
 // ─── Card canvas renderer ─────────────────────────────────────────────────────
 // Draws the card entirely via Canvas 2D API — 100% reliable export,
 // no CSS capture, no scaling issues, no background-stripping.
@@ -956,10 +954,14 @@ function RiderFront({ d }: { d: CardData }) {
           </div>
         </div>
 
-        {/* QR code — bottom-right of body */}
+        {/* QR placeholder — real QR renders in exported PNG */}
         <div className="flex-shrink-0 flex flex-col items-end justify-end">
-          <div className="rounded-[3px] overflow-hidden" style={{ background: '#fff', padding: '2px' }}>
-            <QRCodeCanvas value={qrUrl} size={44} level="M" />
+          <div className="rounded-[3px]" style={{ background: '#fff', padding: '3px', width: '44px', height: '44px' }}>
+            <div style={{ width: '38px', height: '38px', display: 'grid', gridTemplateColumns: 'repeat(5,1fr)', gap: '1px' }}>
+              {Array.from({ length: 25 }).map((_, i) => (
+                <div key={i} style={{ background: [0,1,2,5,6,7,10,14,17,18,19,22,23,24].includes(i) ? '#000' : '#fff' }} />
+              ))}
+            </div>
           </div>
           <div className="text-[4.5px] card-muted uppercase tracking-wide mt-[2px] text-right">Scan to verify</div>
         </div>
@@ -1028,10 +1030,14 @@ function ParkFront({ d }: { d: CardData }) {
           )}
         </div>
 
-        {/* QR */}
+        {/* QR placeholder */}
         <div className="flex-shrink-0 flex flex-col items-end justify-end">
-          <div className="rounded-[3px] overflow-hidden" style={{ background: '#fff', padding: '2px' }}>
-            <QRCodeCanvas value={qrUrl} size={44} level="M" />
+          <div className="rounded-[3px]" style={{ background: '#fff', padding: '3px', width: '44px', height: '44px' }}>
+            <div style={{ width: '38px', height: '38px', display: 'grid', gridTemplateColumns: 'repeat(5,1fr)', gap: '1px' }}>
+              {Array.from({ length: 25 }).map((_, i) => (
+                <div key={i} style={{ background: [0,1,2,5,6,7,10,14,17,18,19,22,23,24].includes(i) ? '#000' : '#fff' }} />
+              ))}
+            </div>
           </div>
           <div className="text-[4.5px] card-muted uppercase tracking-wide mt-[2px] text-right">Scan to verify</div>
         </div>