diff --git a/public/css/components/searchbar/searchbar.css b/public/css/components/searchbar/searchbar.css
index 41bc6fa8f..7dc653cb8 100644
--- a/public/css/components/searchbar/searchbar.css
+++ b/public/css/components/searchbar/searchbar.css
@@ -135,13 +135,13 @@
 
 /* new variant with template/frame */
 
-.searchbar-result {
+.searchbar-result-template-frame {
 	border-bottom: 1px solid lightgrey;
 	margin-bottom: 1rem;
 	padding-bottom: 1rem;
 }
 
-.searchbar-actions {
+.searchbar-result-template-actions {
 	display: flex;
 	flex-wrap: wrap;
 	gap: .5rem;
diff --git a/public/js/components/searchbar/result/cms.js b/public/js/components/searchbar/result/cms.js
index 5eebc3826..dfd2b575a 100644
--- a/public/js/components/searchbar/result/cms.js
+++ b/public/js/components/searchbar/result/cms.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultCms',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/dms.js b/public/js/components/searchbar/result/dms.js
index 8516c1555..adb0172a3 100644
--- a/public/js/components/searchbar/result/dms.js
+++ b/public/js/components/searchbar/result/dms.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultDms',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/employee.js b/public/js/components/searchbar/result/employee.js
index b86aa3ca5..d9d2332a5 100644
--- a/public/js/components/searchbar/result/employee.js
+++ b/public/js/components/searchbar/result/employee.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultEmployee',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/mergedperson.js b/public/js/components/searchbar/result/mergedperson.js
index bb395cb45..2b3397fde 100644
--- a/public/js/components/searchbar/result/mergedperson.js
+++ b/public/js/components/searchbar/result/mergedperson.js
@@ -2,6 +2,7 @@ import TemplateFrame from "./template/frame.js";
 import TemplateAction from "./template/action.js";
 
 export default {
+	name: 'SearchbarResultMergedperson',
 	components: {
 		TemplateFrame,
 		TemplateAction
diff --git a/public/js/components/searchbar/result/mergedstudent.js b/public/js/components/searchbar/result/mergedstudent.js
index e8ed89b65..7c59b0bf8 100644
--- a/public/js/components/searchbar/result/mergedstudent.js
+++ b/public/js/components/searchbar/result/mergedstudent.js
@@ -2,7 +2,8 @@ import ResultPrestudent from "./prestudent.js";
 import ResultStudent from "./student.js";
 
 export default {
-	components: {
+name: 'SearchbarResultMergedstudent',
+		components: {
 		ResultPrestudent,
 		ResultStudent
 	},
diff --git a/public/js/components/searchbar/result/organisationunit.js b/public/js/components/searchbar/result/organisationunit.js
index 66dda9726..d0b191da4 100644
--- a/public/js/components/searchbar/result/organisationunit.js
+++ b/public/js/components/searchbar/result/organisationunit.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultOrganistationunit',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/person.js b/public/js/components/searchbar/result/person.js
index f255caffe..da920be2c 100644
--- a/public/js/components/searchbar/result/person.js
+++ b/public/js/components/searchbar/result/person.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultPerson',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/prestudent.js b/public/js/components/searchbar/result/prestudent.js
index 574f9c4fb..f142fcdaa 100644
--- a/public/js/components/searchbar/result/prestudent.js
+++ b/public/js/components/searchbar/result/prestudent.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultPrestudent',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/room.js b/public/js/components/searchbar/result/room.js
index 03c59deb5..39e50395d 100644
--- a/public/js/components/searchbar/result/room.js
+++ b/public/js/components/searchbar/result/room.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultRoom',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/student.js b/public/js/components/searchbar/result/student.js
index 6a38ba9bc..db31bb689 100644
--- a/public/js/components/searchbar/result/student.js
+++ b/public/js/components/searchbar/result/student.js
@@ -1,6 +1,7 @@
 import TemplateFrame from "./template/frame.js";
 
 export default {
+	name: 'SearchbarResultStudent',
 	components: {
 		TemplateFrame
 	},
diff --git a/public/js/components/searchbar/result/template/action.js b/public/js/components/searchbar/result/template/action.js
index f41d9925f..7c50eb134 100644
--- a/public/js/components/searchbar/result/template/action.js
+++ b/public/js/components/searchbar/result/template/action.js
@@ -1,4 +1,5 @@
 export default {
+	name: 'SearchbarResultTemplateAction',
 	emits: [ 'actionexecuted' ],
 	props: { 
 		res: Object,
@@ -22,7 +23,7 @@ export default {
 		}
 	},
 	template: `
-	<a :href="actionHref" @click="actionFunc">
+	<a class="searchbar-result-template-action" :href="actionHref" @click="actionFunc">
 		<slot>{{ $p.t('search/action_default_label') }}</slot>
 	</a>`
 };
\ No newline at end of file
diff --git a/public/js/components/searchbar/result/template/actions.js b/public/js/components/searchbar/result/template/actions.js
index 5849594ed..726fef4dd 100644
--- a/public/js/components/searchbar/result/template/actions.js
+++ b/public/js/components/searchbar/result/template/actions.js
@@ -1,6 +1,7 @@
 import ResultAction from "./action.js";
 
 export default {
+	name: 'SearchbarResultTemplateActions',
 	components: {
 		ResultAction
 	},
@@ -10,7 +11,7 @@ export default {
 		actions: Array
 	},
 	template: `
-	<div v-if="actions.length" class="searchbar-actions">
+	<div v-if="actions.length" class="searchbar-result-template-actions">
 		<result-action
 			v-for="(action, index) in actions"
 			:key="action.label"
diff --git a/public/js/components/searchbar/result/template/frame.js b/public/js/components/searchbar/result/template/frame.js
index 336c2d9f9..5c8f8aa02 100644
--- a/public/js/components/searchbar/result/template/frame.js
+++ b/public/js/components/searchbar/result/template/frame.js
@@ -2,6 +2,7 @@ import ResultAction from "./action.js";
 import ResultActions from "./actions.js";
 
 export default {
+	name: 'SearchbarResultTemplateFrame',
 	components: {
 		ResultAction,
 		ResultActions
@@ -15,7 +16,7 @@ export default {
 		imageFallback: String
 	},
 	template: `
-	<div class="searchbar-result">
+	<div class="searchbar-result-template-frame">
 		<div class="searchbar_grid">
 			<div class="searchbar_icon">
 				<result-action
diff --git a/public/js/components/searchbar/searchbar.js b/public/js/components/searchbar/searchbar.js
index c828182f0..6a41fe2f5 100644
--- a/public/js/components/searchbar/searchbar.js
+++ b/public/js/components/searchbar/searchbar.js
@@ -10,6 +10,7 @@ import mergedStudent from "./result/mergedstudent.js";
 import mergedPerson from "./result/mergedperson.js";
 
 export default {
+	name: "FhcSearchbar",
 	components: {
 		person,
 		room,