diff --git a/public/pos/slip-layout.html b/public/pos/slip-layout.html
index 45f72be..58b6c09 100644
--- a/public/pos/slip-layout.html
+++ b/public/pos/slip-layout.html
@@ -35,7 +35,11 @@ body{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin
 .preview-tabs{display:flex;gap:6px;padding:4px 4px 10px}
 .preview-tab{flex:1;padding:8px 10px;border:1px solid var(--muted);border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:var(--fg)}
 .preview-tab.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}
-.receipt-preview{font-family:monospace;font-size:10px;line-height:1.35;background:#fdfdfa;color:#1a1a1a;border:1px solid #999;border-radius:4px;padding:10px 10px;width:260px;max-width:100%;margin:0 auto 4px;box-shadow:0 2px 6px rgba(0,0,0,.08);white-space:pre;overflow-x:auto;overflow-wrap:normal;word-break:keep-all;position:relative}
+.receipt-preview{font-family:monospace;font-size:10px;line-height:1.35;background:#fdfdfa;color:#1a1a1a;border:1px solid #999;border-radius:4px;padding:10px 10px;width:260px;max-width:100%;margin:0 auto 4px;box-shadow:0 2px 6px rgba(0,0,0,.08);white-space:pre;overflow-x:auto;overflow-wrap:normal;word-break:keep-all;position:relative;flex-shrink:0}
+/* Each preview line is its own <span> with no separator between
+   them in the generated HTML — without this, spans are inline and
+   the whole preview collapses onto a single squished line. */
+.receipt-preview span{display:block}
 .receipt-preview .center{text-align:center;display:block}
 .receipt-preview .em{font-weight:700;color:#000}
 /* ---- Block list ---- */