diff --git a/src/lib/components/ui/DetailItem.svelte b/src/lib/components/ui/DetailItem.svelte
index 6cef92fe..91040001 100644
--- a/src/lib/components/ui/DetailItem.svelte
+++ b/src/lib/components/ui/DetailItem.svelte
@@ -21,7 +21,7 @@
 		placeholder
 	}: {
 		label: string
-		value?: string | number | undefined
+		value?: string | number | boolean | null | undefined
 		children?: Snippet
 		editable?: boolean
 		type?: 'text' | 'number' | 'select' | 'checkbox'
diff --git a/src/routes/database/characters/[id]/+page.svelte b/src/routes/database/characters/[id]/+page.svelte
index d056f187..3fffebb0 100644
--- a/src/routes/database/characters/[id]/+page.svelte
+++ b/src/routes/database/characters/[id]/+page.svelte
@@ -333,8 +333,8 @@
 						<DetailItem label="Race 2" value={getRaceLabel(character.race?.[1])} />
 					{/if}
 					<DetailItem label="Gender" value={getGenderLabel(character.gender)} />
-					<DetailItem label="Proficiency 1" value={getProficiencyLabel(character.proficiency[0])} />
-					<DetailItem label="Proficiency 2" value={getProficiencyLabel(character.proficiency[1])} />
+						<DetailItem label="Proficiency 1" value={getProficiencyLabel(character.proficiency?.[0] ?? 0)} />
+						<DetailItem label="Proficiency 2" value={getProficiencyLabel(character.proficiency?.[1] ?? 0)} />
 				{/if}
 			</DetailsContainer>