diff --git a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
index e65a36bb3b5..2050f96235c 100644
--- a/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
+++ b/src/components/BreakoutRoomsEditor/BreakoutRoomsParticipantsEditor.vue
@@ -90,6 +90,8 @@
 </template>
 
 <script>
+import { provide } from 'vue'
+
 import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
 import Delete from 'vue-material-design-icons/Delete.vue'
 import DotsCircle from 'vue-material-design-icons/DotsCircle.vue'
@@ -144,6 +146,9 @@ export default {
 	emits: ['back', 'close'],
 
 	setup() {
+		// Add a visual bulk selection state for SelectableParticipant component
+		provide('bulkParticipantsSelection', true)
+
 		return {
 			breakoutRoomsStore: useBreakoutRoomsStore(),
 		}
diff --git a/src/components/BreakoutRoomsEditor/SelectableParticipant.vue b/src/components/BreakoutRoomsEditor/SelectableParticipant.vue
index 49859b689fc..9667ecd7b55 100644
--- a/src/components/BreakoutRoomsEditor/SelectableParticipant.vue
+++ b/src/components/BreakoutRoomsEditor/SelectableParticipant.vue
@@ -4,23 +4,26 @@
 -->
 
 <template>
-	<label class="selectable-participant">
+	<label class="selectable-participant" :data-nav-id="participantNavigationId">
 		<input v-model="modelProxy"
-			:value="participant.attendeeId"
+			:value="value"
+			:aria-label="participantAriaLabel"
 			type="checkbox"
-			class="selectable-participant__checkbox">
+			class="selectable-participant__checkbox"
+			@keydown.enter="handleEnter">
 		<!-- Participant's avatar -->
-		<AvatarWrapper :id="participant.actorId"
-			:name="participant.displayName"
-			:source="participant.source || participant.actorType"
+		<AvatarWrapper :id="actorId"
+			token="new"
+			:name="computedName"
+			:source="actorType"
 			disable-menu
 			disable-tooltip
 			:preloaded-user-status="preloadedUserStatus"
-			show-user-status />
+			:show-user-status="showUserStatus" />
 
 		<span class="selectable-participant__content">
 			<span class="selectable-participant__content-name">
-				{{ participant.displayName }}
+				{{ computedName }}
 			</span>
 			<span v-if="participantStatus"
 				class="selectable-participant__content-subname">
@@ -28,13 +31,17 @@
 			</span>
 		</span>
 
-		<IconCheck class="selectable-participant__check-icon" :size="20" />
+		<IconCheck v-if="isBulkSelection" class="selectable-participant__check-icon" :size="20" />
 	</label>
 </template>
 
 <script>
+import { inject } from 'vue'
+
 import IconCheck from 'vue-material-design-icons/Check.vue'
 
+import { t } from '@nextcloud/l10n'
+
 import AvatarWrapper from '../AvatarWrapper/AvatarWrapper.vue'
 
 import { getPreloadedUserStatus, getStatusMessage } from '../../utils/userStatus.ts'
@@ -60,9 +67,23 @@ export default {
 			type: Array,
 			required: true,
 		},
+
+		showUserStatus: {
+			type: Boolean,
+			default: true,
+		},
 	},
 
-	emits: ['update:checked'],
+	emits: ['update:checked', 'click-participant'],
+
+	setup() {
+		// Toggles the bulk selection state of this component
+		const isBulkSelection = inject('bulkParticipantsSelection', false)
+
+		return {
+			isBulkSelection,
+		}
+	},
 
 	computed: {
 		modelProxy: {
@@ -70,18 +91,57 @@ export default {
 				return this.checked
 			},
 			set(value) {
-				this.$emit('update:checked', value)
+				this.isBulkSelection
+					? this.$emit('update:checked', value)
+					: this.$emit('click-participant', this.participant)
 			},
 		},
 
+		value() {
+			return this.participant.attendeeId || this.participant
+		},
+
+		actorId() {
+			return this.participant.actorId || this.participant.id
+		},
+
+		actorType() {
+			return this.participant.actorType || this.participant.source
+		},
+
+		computedName() {
+			return this.participant.displayName || this.participant.label
+		},
+
 		preloadedUserStatus() {
 			return getPreloadedUserStatus(this.participant)
 		},
 
 		participantStatus() {
-			return getStatusMessage(this.participant)
+			return this.participant.shareWithDisplayNameUnique
+				?? getStatusMessage(this.participant)
+		},
+
+		participantAriaLabel() {
+			return t('spreed', 'Add participant "{user}"', { user: this.computedName })
+		},
+
+		participantNavigationId() {
+			if (this.participant.actorType && this.participant.actorId) {
+				return this.participant.actorType + '_' + this.participant.actorId
+			} else {
+				return this.participant.source + '_' + this.participant.id
+			}
 		},
 	},
+
+	methods: {
+		t,
+
+		handleEnter(event) {
+			event.target.checked = !event.target.checked
+		},
+	}
 }
 </script>
 
@@ -97,6 +157,10 @@ export default {
 	border-radius: var(--border-radius-element, 32px);
 	line-height: 20px;
 
+	&, & * {
+		cursor: pointer;
+	}
+
 	&:hover,
 	&:focus-within,
 	&:has(:active),
@@ -129,6 +193,7 @@ export default {
 		top: 0;
 		left: 0;
 		z-index: -1;
+		opacity: 0;
 	}
 
 	&__content {
@@ -149,6 +214,7 @@ export default {
 		display: none;
 		margin-left: auto;
 		width: var(--default-clickable-area);
+		flex-shrink: 0;
 	}
 }
 
diff --git a/src/components/NewConversationDialog/NewConversationContactsPage.vue b/src/components/NewConversationDialog/NewConversationContactsPage.vue
index f86e3bd93a6..339c8ab1cfb 100644
--- a/src/components/NewConversationDialog/NewConversationContactsPage.vue
+++ b/src/components/NewConversationDialog/NewConversationContactsPage.vue
@@ -46,7 +46,7 @@
 			:value="searchText"
 			:participant-phone-item.sync="participantPhoneItem"
 			@select="addParticipantPhone" />
-		<ParticipantSearchResults :search-results="searchResults"
+		<ParticipantsSearchResults :search-results="searchResults"
 			:contacts-loading="contactsLoading"
 			:no-results="noResults"
 			scrollable
@@ -69,7 +69,7 @@ import { t } from '@nextcloud/l10n'
 
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
-import ParticipantSearchResults from '../RightSidebar/Participants/ParticipantsSearchResults.vue'
+import ParticipantsSearchResults from '../RightSidebar/Participants/ParticipantsSearchResults.vue'
 import SelectPhoneNumber from '../SelectPhoneNumber.vue'
 import ContactSelectionBubble from '../UIShared/ContactSelectionBubble.vue'
 import DialpadPanel from '../UIShared/DialpadPanel.vue'
@@ -86,7 +86,7 @@ export default {
 		ContactSelectionBubble,
 		DialpadPanel,
 		NcTextField,
-		ParticipantSearchResults,
+		ParticipantsSearchResults,
 		SelectPhoneNumber,
 		TransitionWrapper,
 		// Icons
diff --git a/src/components/NewConversationDialog/NewConversationDialog.vue b/src/components/NewConversationDialog/NewConversationDialog.vue
index 518a20793a2..c9b89072651 100644
--- a/src/components/NewConversationDialog/NewConversationDialog.vue
+++ b/src/components/NewConversationDialog/NewConversationDialog.vue
@@ -163,7 +163,7 @@ export default {
 		const selectedParticipants = ref([])
 		provide('selectedParticipants', selectedParticipants)
 
-		// Add a visual bulk selection state for Participant component
+		// Add a visual bulk selection state for SelectableParticipant component
 		provide('bulkParticipantsSelection', true)
 
 		const dialogHeaderPrepId = `new-conversation-prepare-${useId()}`
diff --git a/src/components/RightSidebar/Participants/Participant.spec.js b/src/components/RightSidebar/Participants/Participant.spec.js
index b44bf53cc6e..48bd409ead6 100644
--- a/src/components/RightSidebar/Participants/Participant.spec.js
+++ b/src/components/RightSidebar/Participants/Participant.spec.js
@@ -162,19 +162,6 @@ describe('Participant.vue', () => {
 
 			expect(avatarEl.props('offline')).toBe(true)
 		})
-
-		test('renders avatar from search result', () => {
-			participant.label = 'Name from label'
-			participant.source = 'source-from-search'
-			participant.id = 'id-from-search'
-			const wrapper = mountParticipant(participant, true)
-			const avatarEl = wrapper.findComponent(AvatarWrapper)
-			expect(avatarEl.exists()).toBe(true)
-
-			expect(avatarEl.props('id')).toBe('id-from-search')
-			expect(avatarEl.props('name')).toBe('Name from label')
-			expect(avatarEl.props('source')).toBe('source-from-search')
-		})
 	})
 
 	describe('user name', () => {
@@ -318,14 +305,6 @@ describe('Participant.vue', () => {
 			participant.inCall = PARTICIPANT.CALL_FLAG.WITH_VIDEO | PARTICIPANT.CALL_FLAG.WITH_PHONE
 			checkStateIconsRendered(participant, VideoIcon)
 		})
-		test('does not render hand raised icon when searched', () => {
-			participant.inCall = PARTICIPANT.CALL_FLAG.WITH_VIDEO
-			participant.label = 'searched result'
-			getParticipantRaisedHandMock = jest.fn().mockReturnValue({ state: true })
-
-			checkStateIconsRendered(participant, null)
-			expect(getParticipantRaisedHandMock).not.toHaveBeenCalled()
-		})
 	})
 
 	describe('actions', () => {
@@ -786,41 +765,4 @@ describe('Participant.vue', () => {
 			})
 		})
 	})
-
-	describe('as search result', () => {
-		beforeEach(() => {
-			participant.label = 'Alice Search'
-			participant.source = 'users'
-		})
-
-		test('does not show actions for search results', () => {
-			const wrapper = mountParticipant(participant)
-
-			// no actions
-			expect(wrapper.findAllComponents(NcActionButton).exists()).toBe(false)
-		})
-
-		test('triggers event when clicking', async () => {
-			const eventHandler = jest.fn()
-			const wrapper = mountParticipant(participant)
-			wrapper.vm.$on('click-participant', eventHandler)
-
-			wrapper.find('a').trigger('click')
-
-			expect(eventHandler).toHaveBeenCalledWith(participant)
-		})
-
-		test('does not trigger click event when not a search result', async () => {
-			const eventHandler = jest.fn()
-			delete participant.label
-			delete participant.source
-			const wrapper = mountParticipant(participant)
-			wrapper.vm.$on('click-participant', eventHandler)
-
-			wrapper.find('a').trigger('click')
-
-			expect(eventHandler).not.toHaveBeenCalledWith(participant)
-		})
-	})
-
 })
diff --git a/src/components/RightSidebar/Participants/Participant.vue b/src/components/RightSidebar/Participants/Participant.vue
index 86803fd541a..dc3e0cc30c5 100644
--- a/src/components/RightSidebar/Participants/Participant.vue
+++ b/src/components/RightSidebar/Participants/Participant.vue
@@ -7,23 +7,17 @@
 	<NcListItem :name="computedName"
 		:data-nav-id="participantNavigationId"
 		class="participant"
-		:class="{
-			'participant--offline': isOffline,
-			'participant--searched': isSearched }"
-		:active="isSelected"
+		:class="{ 'participant--offline': isOffline }"
 		:aria-label="participantAriaLabel"
 		:actions-aria-label="participantSettingsAriaLabel"
 		force-display-actions
-		force-menu
-		@click="handleClick"
-		@keydown.enter="handleClick">
+		force-menu>
 		<!-- Participant's avatar -->
 		<template #icon>
-			<AvatarWrapper :id="computedId"
-				:token="isSearched ? 'new' : token"
+			<AvatarWrapper :id="participant.actorId"
+				:token="token"
 				:name="computedName"
-				:source="participant.source || participant.actorType"
-				:disable-menu="isSearched"
+				:source="participant.actorType"
 				disable-tooltip
 				:show-user-status="showUserStatus"
 				:preloaded-user-status="preloadedUserStatus"
@@ -42,20 +36,16 @@
 			</span>
 		</template>
 
-		<template #subname>
+		<template v-if="statusMessage" #subname>
 			<!-- Second line: participant status message if applicable -->
-			<span v-if="isSearched && shareWithDisplayNameUnique" class="participant__status">
-				{{ shareWithDisplayNameUnique }}
-			</span>
-			<span v-else-if="statusMessage"
-				class="participant__status"
+			<span class="participant__status"
 				:class="{ 'participant__status--highlighted': isParticipantSpeaking }"
 				:title="statusMessage">
 				{{ statusMessage }}
 			</span>
 		</template>
 
-		<template v-if="!isSearched" #extra-actions>
+		<template #extra-actions>
 			<!-- Phone participant dial action -->
 			<template v-if="isInCall && canBeModerated && isPhoneActor">
 				<NcButton v-if="!participant.inCall"
@@ -252,7 +242,7 @@
 				</NcActionButton>
 				<NcActionButton key="edit-permissions"
 					close-after-click
-					@click="showPermissionsEditor">
+					@click="permissionsEditor = true">
 					<template #icon>
 						<Pencil :size="20" />
 					</template>
@@ -281,7 +271,7 @@
 				close-after-click
 				:participant="participant"
 				:token="token"
-				@close="hidePermissionsEditor" />
+				@close="permissionsEditor = false" />
 
 			<!-- Confirmation required to remove participant -->
 			<NcDialog v-if="isRemoveDialogOpen"
@@ -317,8 +307,6 @@
 </template>
 
 <script>
-import { inject } from 'vue'
-
 import Account from 'vue-material-design-icons/Account.vue'
 import AccountMinusIcon from 'vue-material-design-icons/AccountMinus.vue'
 import AccountPlusIcon from 'vue-material-design-icons/AccountPlus.vue'
@@ -428,19 +416,9 @@ export default {
 		},
 	},
 
-	emits: ['click-participant'],
-
 	setup() {
-		const isInCall = useIsInCall()
-		const selectedParticipants = inject('selectedParticipants', [])
-
-		// Toggles the bulk selection state of this component
-		const isSelectable = inject('bulkParticipantsSelection', false)
-
 		return {
-			isInCall,
-			selectedParticipants,
-			isSelectable,
+			isInCall: useIsInCall(),
 		}
 	},
 
@@ -461,11 +439,7 @@ export default {
 		},
 
 		participantNavigationId() {
-			if (this.participant.actorType && this.participant.actorId) {
-				return this.participant.actorType + '_' + this.participant.actorId
-			} else {
-				return this.participant.source + '_' + this.participant.id
-			}
+			return this.participant.actorType + '_' + this.participant.actorId
 		},
 
 		participantSettingsAriaLabel() {
@@ -473,11 +447,7 @@ export default {
 		},
 
 		participantAriaLabel() {
-			if (this.isSearched) {
-				return t('spreed', 'Add participant "{user}"', { user: this.computedName })
-			} else {
-				return t('spreed', 'Participant "{user}"', { user: this.computedName })
-			}
+			return t('spreed', 'Participant "{user}"', { user: this.computedName })
 		},
 
 		userNameTitle() {
@@ -549,31 +519,6 @@ export default {
 			return getStatusMessage(this.participant)
 		},
 
-		/**
-		 * Check if the current participant belongs to the selected participants array
-		 * in the store
-		 *
-		 * @return {boolean}
-		 */
-		isSelected() {
-			return this.isSelectable
-				? this.selectedParticipants.some(selected => {
-					return selected.id === this.participant.id && selected.source === this.participant.source
-				})
-				: false
-		},
-
-		/**
-		 * If the Participant component is used as to display a search result, it will
-		 * return true. We use this not to display actions on the searched contacts and
-		 * groups.
-		 *
-		 * @return {boolean}
-		 */
-		isSearched() {
-			return this.participant.label !== undefined
-		},
-
 		isEmailActor() {
 			return this.participant.actorType === ATTENDEE.ACTOR_TYPE.EMAILS
 		},
@@ -604,39 +549,25 @@ export default {
 		},
 
 		computedName() {
-			if (!this.isSearched) {
-				const displayName = this.participant.displayName.trim()
+			const displayName = this.participant.displayName.trim()
 
-				if (displayName === '' && this.isGuest) {
-					return t('spreed', 'Guest')
-				}
-
-				if (displayName === '') {
-					return t('spreed', 'Deleted user')
-				}
-
-				return displayName
+			if (displayName === '' && this.isGuest) {
+				return t('spreed', 'Guest')
 			}
-			return this.participant.label
-		},
 
-		computedId() {
-			if (!this.isSearched) {
-				return this.participant.actorId
+			if (displayName === '') {
+				return t('spreed', 'Deleted user')
 			}
-			return this.participant.id
+
+			return displayName
 		},
 
 		attendeeId() {
 			return this.participant.attendeeId
 		},
 
-		shareWithDisplayNameUnique() {
-			return this.participant.shareWithDisplayNameUnique
-		},
-
 		isHandRaised() {
-			if (this.isSearched || this.participant.inCall === PARTICIPANT.CALL_FLAG.DISCONNECTED) {
+			if (this.participant.inCall === PARTICIPANT.CALL_FLAG.DISCONNECTED) {
 				return false
 			}
 
@@ -645,7 +576,7 @@ export default {
 		},
 
 		callIcon() {
-			if (this.isSearched || this.participant.inCall === PARTICIPANT.CALL_FLAG.DISCONNECTED) {
+			if (this.participant.inCall === PARTICIPANT.CALL_FLAG.DISCONNECTED) {
 				return null
 			} else if (this.isHandRaised) {
 				return { icon: HandBackLeft, size: 18, title: t('spreed', 'Raised their hand') }
@@ -712,11 +643,10 @@ export default {
 		/**
 		 * For now the user status is not overwriting the online-offline status anymore
 		 * It felt too weird having users appear as offline but they are in the call or chat actively
-		 * return this.participant.status === 'offline' ||  !this.sessionIds.length && !this.isSearched
+		 * return this.participant.status === 'offline' ||  !this.sessionIds.length
 		 */
 		isOffline() {
-			return !this.sessionIds.length && !this.isSearched
-				&& (this.isUserActor || this.isFederatedActor || this.isGuestActor)
+			return !this.sessionIds.length && (this.isUserActor || this.isFederatedActor || this.isGuestActor)
 				&& (hasTalkFeature(this.token, 'federation-v2') || !hasTalkFeature(this.token, 'federation-v1') || (!this.conversation.remoteServer && !this.isFederatedActor))
 		},
 
@@ -822,7 +752,7 @@ export default {
 		},
 
 		showParticipantActions() {
-			return !this.isSearched && (this.canBeModerated || this.canSendCallNotification)
+			return this.canBeModerated || this.canSendCallNotification
 		},
 
 		preloadedUserStatus() {
@@ -874,13 +804,6 @@ export default {
 
 		formattedTime,
 
-		// Used to allow selecting participants in a search.
-		handleClick() {
-			if (this.isSearched) {
-				this.$emit('click-participant', this.participant)
-			}
-		},
-
 		participantTypeIsModerator(participantType) {
 			return [PARTICIPANT.TYPE.OWNER, PARTICIPANT.TYPE.MODERATOR, PARTICIPANT.TYPE.GUEST_MODERATOR].includes(participantType)
 		},
@@ -961,14 +884,6 @@ export default {
 			}
 		},
 
-		showPermissionsEditor() {
-			this.permissionsEditor = true
-		},
-
-		hidePermissionsEditor() {
-			this.permissionsEditor = false
-		},
-
 		applyDefaultPermissions() {
 			try {
 				this.$store.dispatch('setPermissions', { token: this.token, attendeeId: this.attendeeId, permissions: PARTICIPANT.PERMISSIONS.DEFAULT })
@@ -1112,10 +1027,6 @@ export default {
 		.avatardiv .avatardiv__user-status {
 			right: -2px !important;
 			bottom: -2px !important;
-			min-height: 14px !important;
-			min-width: 14px !important;
-			line-height: 1 !important;
-			font-size: clamp(var(--font-size-small), 85%, var(--default-font-size)) !important;
 		}
 	}
 
@@ -1123,33 +1034,6 @@ export default {
 		color: var(--color-text-maxcontrast);
 	}
 
-	&--searched :deep(.list-item),
-	&--searched :deep(.list-item a),
-	&--searched :deep(.list-item a *) {
-		cursor: pointer;
-	}
-
-	&.list-item__wrapper--active,
-	&.list-item__wrapper.active {
-		:deep(.list-item) {
-			background-color: var(--color-primary-element-light);
-
-			&:hover,
-			&:focus-within,
-			&:has(:focus-visible),
-			&:has(:active) {
-				background-color: var(--color-primary-element-light-hover);
-			}
-
-			.list-item-content__name,
-			.list-item-content__subname,
-			.list-item-content__details,
-			.list-item-details__details {
-				color: var(--color-primary-light-text) !important;
-			}
-		}
-	}
-
 	&__user-badge {
 		color: var(--color-text-maxcontrast);
 		font-weight: 300;
diff --git a/src/components/RightSidebar/Participants/ParticipantsList.vue b/src/components/RightSidebar/Participants/ParticipantsList.vue
index 6fa85955bcc..abbf2f1c438 100644
--- a/src/components/RightSidebar/Participants/ParticipantsList.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsList.vue
@@ -5,9 +5,11 @@
 
 <template>
 	<ul>
-		<Participant v-for="item in items"
+		<component :is="component"
+			v-for="item in items"
 			:key="generateKey(item)"
 			:participant="item"
+			:checked.sync="selectedParticipants"
 			:show-user-status="showUserStatus"
 			@click-participant="handleClickParticipant" />
 		<LoadingPlaceholder v-if="loading" type="participants" :count="dummyParticipants" />
@@ -16,7 +18,10 @@
 
 <script>
 
+import { inject } from 'vue'
+
 import Participant from './Participant.vue'
+import SelectableParticipant from '../../BreakoutRoomsEditor/SelectableParticipant.vue'
 import LoadingPlaceholder from '../../UIShared/LoadingPlaceholder.vue'
 
 export default {
@@ -25,6 +30,7 @@ export default {
 	components: {
 		LoadingPlaceholder,
 		Participant,
+		SelectableParticipant,
 	},
 
 	props: {
@@ -39,11 +45,29 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		isSearchResult: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	emits: ['click'],
 
+	setup(props) {
+		const selectedParticipants = props.isSearchResult
+			? inject('selectedParticipants', [])
+			: undefined
+
+		return {
+			selectedParticipants,
+		}
+	},
+
 	computed: {
+		component() {
+			return this.isSearchResult ? 'SelectableParticipant' : 'Participant'
+		},
+
 		token() {
 			return this.$store.getters.getToken()
 		},
diff --git a/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue b/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
index 00fc75b5121..eb971edb21e 100644
--- a/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
+++ b/src/components/RightSidebar/Participants/ParticipantsSearchResults.vue
@@ -8,24 +8,28 @@
 		<template v-if="addableUsers.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add users')" />
 			<ParticipantsList :items="addableUsers"
+				is-search-result
 				@click="handleClickParticipant" />
 		</template>
 
 		<template v-if="addableGroups.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add groups')" />
 			<ParticipantsList :items="addableGroups"
+				is-search-result
 				@click="handleClickParticipant" />
 		</template>
 
 		<template v-if="addableEmails.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add emails')" />
 			<ParticipantsList :items="addableEmails"
+				is-search-result
 				@click="handleClickParticipant" />
 		</template>
 
 		<template v-if="addableCircles.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add teams')" />
 			<ParticipantsList :items="addableCircles"
+				is-search-result
 				@click="handleClickParticipant" />
 		</template>
 
@@ -49,6 +53,7 @@
 		<template v-if="addableRemotes.length !== 0">
 			<NcAppNavigationCaption :name="t('spreed', 'Add federated users')" />
 			<ParticipantsList :items="addableRemotes"
+				is-search-result
 				@click="handleClickParticipant" />
 		</template>