diff --git a/components/reference-button.vue b/components/reference-button.vue
index 82b9446..50eeb67 100644
--- a/components/reference-button.vue
+++ b/components/reference-button.vue
@@ -15,7 +15,7 @@ const props = withDefaults(
 		popupPosition?: Placement;
 		popupOffset?: number;
 	}>(),
-	{ popupPosition: "top", popupOffset: 12 },
+	{ popupPosition: "top", popupOffset: 12, references: () => [] },
 );
 // Popover positioning using floatingUI
 const reference = ref(null);
@@ -62,13 +62,11 @@ function downloadBibTex() {
 		>
 			<PopoverPanel
 				ref="floating"
-				class="z-10 max-h-96 max-w-72 cursor-auto overflow-auto"
+				class="z-10 max-h-96 max-w-72 cursor-auto overflow-auto rounded-lg shadow-lg ring-1 ring-black/5"
 				:style="{ ...floatingStyles }"
 				@click.stop.prevent
 			>
-				<div
-					class="overflow-auto rounded-lg bg-neutral-50 p-4 text-sm shadow-lg ring-1 ring-black/5 dark:bg-neutral-800"
-				>
+				<div class="overflow-auto bg-neutral-50 p-4 text-sm dark:bg-neutral-800">
 					<div class="ml-auto flex w-fit">
 						<button :title="t('References.download-bibtex')" @click.stop.prevent="downloadBibTex()">
 							<ArrowDownToLine class="size-4 transition-transform hover:scale-125" />
diff --git a/pages/detail/event/[id].vue b/pages/detail/event/[id].vue
index f62f0b5..8abcb3d 100644
--- a/pages/detail/event/[id].vue
+++ b/pages/detail/event/[id].vue
@@ -80,7 +80,7 @@ const flattenedRelations = computed(() => {
 					</div>
 				</div>
 				<ReferenceButton
-					v-if="data.entity.data?.references?.length > 0"
+					v-if="Number(data.entity.data?.references?.length) > 0"
 					:references="data.entity.data?.references"
 					class="ml-auto inline-block size-7 w-fit"
 					popup-position="left"
diff --git a/pages/detail/function/[id].vue b/pages/detail/function/[id].vue
index 6a36f17..fddf6a3 100644
--- a/pages/detail/function/[id].vue
+++ b/pages/detail/function/[id].vue
@@ -81,7 +81,7 @@ const flattenedRelations = computed(() => {
 					</div>
 				</div>
 				<ReferenceButton
-					v-if="data.entity.data?.references?.length > 0"
+					v-if="Number(data.entity.data?.references?.length) > 0"
 					:references="data.entity.data?.references"
 					class="ml-auto inline-block size-7 w-fit"
 					popup-position="left"
diff --git a/pages/detail/institution/[id].vue b/pages/detail/institution/[id].vue
index f26532f..e46c972 100644
--- a/pages/detail/institution/[id].vue
+++ b/pages/detail/institution/[id].vue
@@ -81,7 +81,7 @@ const flattenedRelations = computed(() => {
 					</div>
 				</div>
 				<ReferenceButton
-					v-if="data.entity.data?.references?.length > 0"
+					v-if="Number(data.entity.data?.references?.length) > 0"
 					:references="data.entity.data?.references"
 					class="ml-auto inline-block size-7 w-fit"
 					popup-position="left"
diff --git a/pages/detail/person/[id].vue b/pages/detail/person/[id].vue
index f94c14b..3ed75e9 100644
--- a/pages/detail/person/[id].vue
+++ b/pages/detail/person/[id].vue
@@ -82,7 +82,7 @@ const flattenedRelations = computed(() => {
 					</div>
 				</div>
 				<ReferenceButton
-					v-if="data.entity.data?.references?.length > 0"
+					v-if="Number(data.entity.data?.references?.length) > 0"
 					:references="data.entity.data?.references"
 					class="ml-auto inline-block size-7 w-fit"
 					popup-position="left"
diff --git a/pages/detail/place/[id].vue b/pages/detail/place/[id].vue
index d55c3d5..fbc8a3a 100644
--- a/pages/detail/place/[id].vue
+++ b/pages/detail/place/[id].vue
@@ -82,7 +82,7 @@ const flattenedRelations = computed(() => {
 					</div>
 				</div>
 				<ReferenceButton
-					v-if="data.entity.data?.references?.length > 0"
+					v-if="Number(data.entity.data?.references?.length) > 0"
 					:references="data.entity.data?.references"
 					class="ml-auto inline-block size-7 w-fit"
 					popup-position="left"
diff --git a/pages/detail/salary/[id].vue b/pages/detail/salary/[id].vue
index 92233e6..1b1f30f 100644
--- a/pages/detail/salary/[id].vue
+++ b/pages/detail/salary/[id].vue
@@ -67,7 +67,7 @@ const flattenedRelations = computed(() => {
 					{{ data.entity.data?.repetitionType }}
 				</div>
 				<ReferenceButton
-					v-if="data.entity.data?.references?.length > 0"
+					v-if="Number(data.entity.data?.references?.length) > 0"
 					:references="data.entity.data?.references"
 					class="ml-auto inline-block size-7 w-fit"
 					popup-position="left"