diff --git a/src/routes/(app)/components/[id]/label/+page.svelte b/src/routes/(app)/components/[id]/label/+page.svelte
index e5e35e5..3228bf4 100644
--- a/src/routes/(app)/components/[id]/label/+page.svelte
+++ b/src/routes/(app)/components/[id]/label/+page.svelte
@@ -38,7 +38,7 @@
 				{#if data.component.serialNumber}
 					<p class="font-mono text-xs text-gray-500 dark:text-gray-400">S/N: {data.component.serialNumber}</p>
 				{/if}
-				<p class="mt-2 font-mono text-xs text-gray-400 dark:text-gray-500">{data.component.id.slice(0, 8)}</p>
+				<p class="mt-2 font-mono text-sm font-medium text-gray-500 dark:text-gray-400">{data.component.id.slice(0, 8)}</p>
 			</div>
 		</div>
 	</div>
diff --git a/src/routes/(app)/devices/[id]/label/+page.svelte b/src/routes/(app)/devices/[id]/label/+page.svelte
index 55b26a7..3db2ffb 100644
--- a/src/routes/(app)/devices/[id]/label/+page.svelte
+++ b/src/routes/(app)/devices/[id]/label/+page.svelte
@@ -35,7 +35,7 @@
 				{#if data.device.serialNumber}
 					<p class="mt-1 font-mono text-xs text-gray-500 dark:text-gray-400">S/N: {data.device.serialNumber}</p>
 				{/if}
-				<p class="mt-2 font-mono text-xs text-gray-400 dark:text-gray-500">{data.device.id.slice(0, 8)}</p>
+				<p class="mt-2 font-mono text-sm font-medium text-gray-500 dark:text-gray-400">{data.device.id.slice(0, 8)}</p>
 			</div>
 		</div>
 	</div>