diff --git a/src/routes/(print)/print/component/[id]/+page.server.ts b/src/routes/(print)/print/component/[id]/+page.server.ts
index 496ad3e..584a5f3 100644
--- a/src/routes/(print)/print/component/[id]/+page.server.ts
+++ b/src/routes/(print)/print/component/[id]/+page.server.ts
@@ -3,7 +3,7 @@ import { db } from '$lib/server/db/index.js';
 import { components } from '$lib/server/db/schema.js';
 import { eq } from 'drizzle-orm';
 import { error } from '@sveltejs/kit';
-import { generateBarcodeSvg } from '$lib/server/barcode.js';
+import { generateQrSvg } from '$lib/server/qr.js';
 
 export const load: PageServerLoad = async ({ params }) => {
 	const [component] = await db
@@ -20,7 +20,7 @@ export const load: PageServerLoad = async ({ params }) => {
 	if (!component) error(404, 'Component not found');
 
 	const shortId = component.id.slice(0, 8).toUpperCase();
-	const barcodeDataUrl = await generateBarcodeSvg(shortId);
+	const qrSvg = await generateQrSvg(shortId);
 
-	return { component, barcodeDataUrl, shortId };
+	return { component, qrSvg, shortId };
 };
diff --git a/src/routes/(print)/print/component/[id]/+page.svelte b/src/routes/(print)/print/component/[id]/+page.svelte
index d650991..1681e1e 100644
--- a/src/routes/(print)/print/component/[id]/+page.svelte
+++ b/src/routes/(print)/print/component/[id]/+page.svelte
@@ -36,19 +36,27 @@
 </div>
 
 {#each Array(copies) as _}
-	<div class="label" style="width: 70mm; height: 29mm; background: white; color: black; box-sizing: border-box; padding: 1mm 2mm; margin: 0 auto 8px auto; border: 1px dashed #ccc; overflow: hidden;">
-		<div style="display: flex; flex-direction: column; justify-content: center; height: 100%; font-family: Arial, Helvetica, sans-serif;">
-			<div style="font-size: 9pt; font-weight: bold; color: #000; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
-				{data.component.title}
+	<div class="label" style="width: 70mm; height: 29mm; background: white; color: black; box-sizing: border-box; padding: 1mm; margin: 0 auto 8px auto; border: 1px dashed #ccc; overflow: hidden;">
+		<div style="display: flex; align-items: center; gap: 2mm; height: 100%; font-family: Arial, Helvetica, sans-serif;">
+			<div style="width: 22mm; height: 22mm; flex-shrink: 0;">
+				{@html data.qrSvg}
 			</div>
-			<div style="font-size: 6pt; color: #444; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
-				{data.component.componentType}
-				{#if data.component.brand}&middot; {data.component.brand}{/if}
-				{#if data.component.partNumber} &middot; P/N: {data.component.partNumber}{/if}
-			</div>
-			<div style="margin-top: 0.5mm;">
-				<img src={data.barcodeDataUrl} alt={data.shortId}
-					style="height: 6mm; width: auto; max-width: 65mm; display: block;" />
+			<div style="flex: 1; min-width: 0; text-align: center;">
+				<div style="font-size: 9pt; font-weight: bold; color: #000; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+					{data.component.title}
+				</div>
+				<div style="font-size: 6pt; color: #444; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+					{data.component.componentType}
+					{#if data.component.brand}&middot; {data.component.brand}{/if}
+				</div>
+				{#if data.component.partNumber}
+					<div style="font-size: 6pt; color: #666; margin-top: 0.3mm;">
+						P/N: {data.component.partNumber}
+					</div>
+				{/if}
+				<div style="font-size: 11pt; font-weight: bold; color: #000; margin-top: 0.5mm; letter-spacing: 1px;">
+					{data.shortId}
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/src/routes/(print)/print/device/[id]/+page.server.ts b/src/routes/(print)/print/device/[id]/+page.server.ts
index 04811c4..c2cdd23 100644
--- a/src/routes/(print)/print/device/[id]/+page.server.ts
+++ b/src/routes/(print)/print/device/[id]/+page.server.ts
@@ -3,7 +3,7 @@ import { db } from '$lib/server/db/index.js';
 import { devices } from '$lib/server/db/schema.js';
 import { eq } from 'drizzle-orm';
 import { error } from '@sveltejs/kit';
-import { generateBarcodeSvg } from '$lib/server/barcode.js';
+import { generateQrSvg } from '$lib/server/qr.js';
 
 export const load: PageServerLoad = async ({ params }) => {
 	const [device] = await db
@@ -23,7 +23,7 @@ export const load: PageServerLoad = async ({ params }) => {
 	if (!device) error(404, 'Device not found');
 
 	const shortId = device.id.slice(0, 8).toUpperCase();
-	const barcodeDataUrl = await generateBarcodeSvg(shortId);
+	const qrSvg = await generateQrSvg(shortId);
 
-	return { device, barcodeDataUrl, shortId };
+	return { device, qrSvg, shortId };
 };
diff --git a/src/routes/(print)/print/device/[id]/+page.svelte b/src/routes/(print)/print/device/[id]/+page.svelte
index 378c8a8..7161170 100644
--- a/src/routes/(print)/print/device/[id]/+page.svelte
+++ b/src/routes/(print)/print/device/[id]/+page.svelte
@@ -36,31 +36,29 @@
 </div>
 
 {#each Array(copies) as _}
-	<div class="label" style="width: 70mm; height: 29mm; background: white; color: black; box-sizing: border-box; padding: 1mm 2mm; margin: 0 auto 8px auto; border: 1px dashed #ccc; overflow: hidden;">
-		<div style="display: flex; flex-direction: column; justify-content: center; height: 100%; font-family: Arial, Helvetica, sans-serif;">
-			<div style="font-size: 9pt; font-weight: bold; color: #000; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
-				{data.device.title}
+	<div class="label" style="width: 70mm; height: 29mm; background: white; color: black; box-sizing: border-box; padding: 1mm; margin: 0 auto 8px auto; border: 1px dashed #ccc; overflow: hidden;">
+		<div style="display: flex; align-items: center; gap: 2mm; height: 100%; font-family: Arial, Helvetica, sans-serif;">
+			<div style="width: 22mm; height: 22mm; flex-shrink: 0;">
+				{@html data.qrSvg}
 			</div>
-			{#if data.device.brand || data.device.model}
-				<div style="font-size: 6pt; color: #444; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
-					{[data.device.brand, data.device.model].filter(Boolean).join(' ')}
+			<div style="flex: 1; min-width: 0; text-align: center;">
+				<div style="font-size: 9pt; font-weight: bold; color: #000; line-height: 1.1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+					{data.device.title}
 				</div>
-			{/if}
-			{#if data.device.serialNumber}
-				<div style="font-size: 5pt; color: #666;">
-					S/N: {data.device.serialNumber}
-					{#if data.device.voltage} · {data.device.voltage}{/if}
-					{#if data.device.frequency} · {data.device.frequency}{/if}
-				</div>
-			{:else if data.device.voltage || data.device.frequency}
-				<div style="font-size: 5pt; color: #666;">
-					{[data.device.voltage, data.device.frequency].filter(Boolean).join(' · ')}
-				</div>
-			{/if}
-			<div style="margin-top: 0.5mm;">
-				<img src={data.barcodeDataUrl} alt={data.shortId}
-					style="height: 6mm; width: auto; max-width: 65mm; display: block;" />
+				{#if data.device.brand || data.device.model}
+					<div style="font-size: 6pt; color: #444; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
+						{[data.device.brand, data.device.model].filter(Boolean).join(' ')}
+					</div>
+				{/if}
+				{#if data.device.serialNumber}
+					<div style="font-size: 6pt; color: #666; margin-top: 0.3mm;">
+						S/N: {data.device.serialNumber}
+					</div>
+				{/if}
+				<div style="font-size: 11pt; font-weight: bold; color: #000; margin-top: 0.5mm; letter-spacing: 1px;">
+					{data.shortId}
 				</div>
+			</div>
 		</div>
 	</div>
 {/each}