diff --git a/src/lib/components/itemBox.svelte b/src/lib/components/itemBox.svelte
index 0de8495..4c97d23 100644
--- a/src/lib/components/itemBox.svelte
+++ b/src/lib/components/itemBox.svelte
@@ -1,10 +1,10 @@
 <script lang="ts">
-	import { detailMap } from "$lib/scripts/serviceMap";
+	import { detailMap, defaultVal } from "$lib/scripts/serviceMap";
 	import type { ServiceData } from "$lib/types/serviceData";
 
     export let detail: string
 
-    const service: ServiceData = detailMap.get(detail)
+    const service: ServiceData = detailMap.get(detail) || defaultVal
 
 </script>
 
diff --git a/src/lib/scripts/serviceMap.ts b/src/lib/scripts/serviceMap.ts
index 7ab5f0d..543411b 100644
--- a/src/lib/scripts/serviceMap.ts
+++ b/src/lib/scripts/serviceMap.ts
@@ -1,4 +1,14 @@
 import type { ServiceData } from "$lib/types/serviceData"
+
+export const defaultVal: ServiceData = {
+    formattedName: "",
+    url: "",
+    checkString: "",
+    description: "",
+    imgPath: "",
+    loginMethod: "",
+}
+
 export const detailMap = new Map <string, ServiceData>([
     ["nextcloud", {
         formattedName: "Nextcloud",