diff --git a/.changeset/poor-rockets-look.md b/.changeset/poor-rockets-look.md
new file mode 100644
index 00000000000..02c6bcdef7b
--- /dev/null
+++ b/.changeset/poor-rockets-look.md
@@ -0,0 +1,8 @@
+---
+'@clerk/localizations': patch
+'@clerk/clerk-js': patch
+'@clerk/shared': patch
+'@clerk/types': patch
+---
+
+Introduced searching for members list on `OrganizationProfile`
diff --git a/packages/clerk-js/src/ui/common/NotificationCountBadge.tsx b/packages/clerk-js/src/ui/common/NotificationCountBadge.tsx
index c5ef64bfddb..4efddafca1c 100644
--- a/packages/clerk-js/src/ui/common/NotificationCountBadge.tsx
+++ b/packages/clerk-js/src/ui/common/NotificationCountBadge.tsx
@@ -7,19 +7,21 @@ import { animations } from '../styledSystem';
 type NotificationCountBadgeProps = PropsOfComponent<typeof NotificationBadge> & {
   notificationCount: number;
   containerSx?: ThemableCssProp;
+  shouldAnimate?: boolean;
 };
 
 export const NotificationCountBadge = (props: NotificationCountBadgeProps) => {
-  const { notificationCount, containerSx, ...restProps } = props;
+  const { notificationCount, containerSx, shouldAnimate = true, ...restProps } = props;
   const prefersReducedMotion = usePrefersReducedMotion();
   const { t } = useLocalizations();
   const localeKey = t(localizationKeys('locale'));
   const formattedNotificationCount = formatToCompactNumber(notificationCount, localeKey);
 
   const enterExitAnimation: ThemableCssProp = t => ({
-    animation: prefersReducedMotion
-      ? 'none'
-      : `${animations.notificationAnimation} ${t.transitionDuration.$textField} ${t.transitionTiming.$slowBezier} 0s 1 normal forwards`,
+    animation:
+      shouldAnimate && !prefersReducedMotion
+        ? `${animations.notificationAnimation} ${t.transitionDuration.$textField} ${t.transitionTiming.$slowBezier} 0s 1 normal forwards`
+        : 'none',
   });
 
   return (
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx
index 18a935a3dd6..d324fe19320 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/ActiveMembersList.tsx
@@ -8,16 +8,14 @@ import { useFetchRoles, useLocalizeCustomRoles } from '../../hooks/useFetchRoles
 import { handleError } from '../../utils';
 import { DataTable, RoleSelect, RowContainer } from './MemberListTable';
 
-const membershipsParams = {
-  memberships: {
-    pageSize: 10,
-    keepPreviousData: true,
-  },
+type ActiveMembersListProps = {
+  memberships: ReturnType<typeof useOrganization>['memberships'];
+  pageSize: number;
 };
 
-export const ActiveMembersList = () => {
+export const ActiveMembersList = ({ memberships, pageSize }: ActiveMembersListProps) => {
   const card = useCardState();
-  const { organization, memberships } = useOrganization(membershipsParams);
+  const { organization } = useOrganization();
 
   const { options, isLoading: loadingRoles } = useFetchRoles();
 
@@ -44,8 +42,8 @@ export const ActiveMembersList = () => {
       onPageChange={n => memberships?.fetchPage?.(n)}
       itemCount={memberships?.count || 0}
       pageCount={memberships?.pageCount || 0}
-      itemsPerPage={membershipsParams.memberships.pageSize}
-      isLoading={memberships?.isLoading || loadingRoles}
+      itemsPerPage={pageSize}
+      isLoading={(memberships?.isLoading && !memberships?.data.length) || loadingRoles}
       emptyStateLocalizationKey={localizationKeys('organizationProfile.membersPage.detailsTitle__emptyRow')}
       headers={[
         localizationKeys('organizationProfile.membersPage.activeMembersTab.tableHeader__user'),
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx
index 9f44d2adb64..a1d5439a0cb 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx
@@ -4,22 +4,31 @@ import { Animated } from '../../elements';
 import { Action } from '../../elements/Action';
 import { InviteMembersScreen } from './InviteMembersScreen';
 
-export const MembersActionsRow = () => {
+type MembersActionsRowProps = {
+  actionSlot?: React.ReactNode;
+};
+
+export const MembersActionsRow = ({ actionSlot }: MembersActionsRowProps) => {
   const canManageMemberships = useProtect({ permission: 'org:sys_memberships:manage' });
 
   return (
     <Action.Root animate={false}>
       <Animated asChild>
         <Flex
-          justify='end'
+          justify={actionSlot ? 'between' : 'end'}
           sx={t => ({
             width: '100%',
             marginLeft: 'auto',
             padding: `${t.space.$none} ${t.space.$1}`,
           })}
+          gap={actionSlot ? 2 : undefined}
         >
+          {actionSlot}
           {canManageMemberships && (
-            <Action.Trigger value='invite'>
+            <Action.Trigger
+              value='invite'
+              hideOnActive={!actionSlot}
+            >
               <Button
                 elementDescriptor={descriptors.membersPageInviteButton}
                 aria-label='Invite'
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
new file mode 100644
index 00000000000..cbbcbca5dd6
--- /dev/null
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
@@ -0,0 +1,105 @@
+import type { useOrganization } from '@clerk/shared/react';
+import type { GetMembersParams } from '@clerk/types';
+import { useEffect, useRef } from 'react';
+
+import { descriptors, Flex, Icon, localizationKeys, useLocalizations } from '../../../ui/customizables';
+import { Animated, InputWithIcon } from '../../../ui/elements';
+import { MagnifyingGlass } from '../../../ui/icons';
+import { Spinner } from '../../../ui/primitives';
+import { ACTIVE_MEMBERS_PAGE_SIZE } from './OrganizationMembers';
+
+type MembersSearchProps = {
+  /**
+   * Controlled query param state by parent component
+   */
+  query: GetMembersParams['query'];
+  /**
+   * Controlled input field value by parent component
+   */
+  value: string;
+  /**
+   * Paginated organization memberships
+   */
+  memberships: ReturnType<typeof useOrganization>['memberships'];
+  /**
+   * Handler for change event on input field
+   */
+  onSearchChange: (value: string) => void;
+  /**
+   * Handler for `query` value changes
+   */
+  onQueryTrigger: (query: string) => void;
+};
+
+const membersSearchDebounceMs = 500;
+
+export const MembersSearch = ({ query, value, memberships, onSearchChange, onQueryTrigger }: MembersSearchProps) => {
+  const { t } = useLocalizations();
+
+  const debounceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
+
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const eventValue = event.target.value;
+    onSearchChange(eventValue);
+
+    const shouldClearQuery = eventValue === '';
+    if (shouldClearQuery) {
+      onQueryTrigger(eventValue);
+    }
+  };
+
+  // Debounce the input value changes until the user stops typing
+  // to trigger the `query` param setter
+  function handleKeyUp() {
+    if (debounceTimer.current) {
+      clearTimeout(debounceTimer.current);
+    }
+
+    debounceTimer.current = setTimeout(() => {
+      onQueryTrigger(value.trim());
+    }, membersSearchDebounceMs);
+  }
+
+  // If search is not performed on a initial page, resets pagination offset
+  // based on the response count
+  useEffect(() => {
+    if (!query || !memberships?.data) {
+      return;
+    }
+
+    const hasOnePageLeft = (memberships?.count ?? 0) <= ACTIVE_MEMBERS_PAGE_SIZE;
+    if (hasOnePageLeft) {
+      memberships?.fetchPage?.(1);
+    }
+  }, [query, memberships]);
+
+  const isFetchingNewData = value && !!memberships?.isLoading && !!memberships.data?.length;
+
+  return (
+    <Animated asChild>
+      <Flex sx={{ width: '100%' }}>
+        <InputWithIcon
+          value={value}
+          type='search'
+          autoCapitalize='none'
+          spellCheck={false}
+          aria-label='Search'
+          placeholder={t(localizationKeys('organizationProfile.membersPage.action__search'))}
+          leftIcon={
+            isFetchingNewData ? (
+              <Spinner size='xs' />
+            ) : (
+              <Icon
+                icon={MagnifyingGlass}
+                elementDescriptor={descriptors.organizationProfileMembersSearchInputIcon}
+              />
+            )
+          }
+          onKeyUp={handleKeyUp}
+          onChange={handleChange}
+          elementDescriptor={descriptors.organizationProfileMembersSearchInput}
+        />
+      </Flex>
+    </Animated>
+  );
+};
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationMembers.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationMembers.tsx
index 36072461ddc..9daa3e7b041 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationMembers.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/OrganizationMembers.tsx
@@ -1,4 +1,5 @@
 import { useOrganization } from '@clerk/shared/react';
+import { useState } from 'react';
 
 import { NotificationCountBadge, useProtect } from '../../common';
 import { useEnvironment, useOrganizationProfileContext } from '../../contexts';
@@ -20,19 +21,31 @@ import { mqu } from '../../styledSystem';
 import { ActiveMembersList } from './ActiveMembersList';
 import { MembersActionsRow } from './MembersActions';
 import { MembershipWidget } from './MembershipWidget';
+import { MembersSearch } from './MembersSearch';
 import { OrganizationMembersTabInvitations } from './OrganizationMembersTabInvitations';
 import { OrganizationMembersTabRequests } from './OrganizationMembersTabRequests';
 
+export const ACTIVE_MEMBERS_PAGE_SIZE = 10;
+
 export const OrganizationMembers = withCardStateProvider(() => {
   const { organizationSettings } = useEnvironment();
   const card = useCardState();
   const canManageMemberships = useProtect({ permission: 'org:sys_memberships:manage' });
   const canReadMemberships = useProtect({ permission: 'org:sys_memberships:read' });
   const isDomainsEnabled = organizationSettings?.domains?.enabled && canManageMemberships;
+
+  const [query, setQuery] = useState('');
+  const [search, setSearch] = useState('');
+
   const { membershipRequests, memberships, invitations } = useOrganization({
     membershipRequests: isDomainsEnabled || undefined,
     invitations: canManageMemberships || undefined,
-    memberships: canReadMemberships || undefined,
+    memberships: canReadMemberships
+      ? {
+          keepPreviousData: true,
+          query: query || undefined,
+        }
+      : undefined,
   });
 
   // @ts-expect-error This property is not typed. It is used by our dashboard in order to render a billing widget.
@@ -74,8 +87,9 @@ export const OrganizationMembers = withCardStateProvider(() => {
             <TabsList sx={t => ({ gap: t.space.$2 })}>
               {canReadMemberships && (
                 <Tab localizationKey={localizationKeys('organizationProfile.membersPage.start.headerTitle__members')}>
-                  {memberships?.data && !memberships.isLoading && (
+                  {!!memberships?.count && (
                     <NotificationCountBadge
+                      shouldAnimate={!query}
                       notificationCount={memberships.count}
                       colorScheme='outline'
                     />
@@ -123,8 +137,21 @@ export const OrganizationMembers = withCardStateProvider(() => {
                         width: '100%',
                       }}
                     >
-                      <MembersActionsRow />
-                      <ActiveMembersList />
+                      <MembersActionsRow
+                        actionSlot={
+                          <MembersSearch
+                            query={query}
+                            value={search}
+                            memberships={memberships}
+                            onSearchChange={query => setSearch(query)}
+                            onQueryTrigger={query => setQuery(query)}
+                          />
+                        }
+                      />
+                      <ActiveMembersList
+                        pageSize={ACTIVE_MEMBERS_PAGE_SIZE}
+                        memberships={memberships}
+                      />
                     </Flex>
                   </Flex>
                 </TabPanel>
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/__tests__/OrganizationMembers.test.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/__tests__/OrganizationMembers.test.tsx
index 113f272ef4b..2b4a6262044 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/__tests__/OrganizationMembers.test.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/__tests__/OrganizationMembers.test.tsx
@@ -518,7 +518,7 @@ describe('OrganizationMembers', () => {
       await waitFor(async () =>
         expect(await findByRole('heading', { name: /invite new members/i })).toBeInTheDocument(),
       );
-      expect(inviteButton).not.toBeInTheDocument();
+      expect(inviteButton).toBeInTheDocument();
       await userEvent.click(getByRole('button', { name: 'Cancel' }));
 
       await waitFor(async () => expect(await findByRole('button', { name: 'Invite' })).toBeInTheDocument());
diff --git a/packages/clerk-js/src/ui/customizables/elementDescriptors.ts b/packages/clerk-js/src/ui/customizables/elementDescriptors.ts
index 0ed6053b6dd..3e0101c9e37 100644
--- a/packages/clerk-js/src/ui/customizables/elementDescriptors.ts
+++ b/packages/clerk-js/src/ui/customizables/elementDescriptors.ts
@@ -155,6 +155,9 @@ export const APPEARANCE_KEYS = containsAllElementsConfigKeys([
   'organizationSwitcherPopoverActionButtonIcon',
   'organizationSwitcherPopoverFooter',
 
+  'organizationProfileMembersSearchInputIcon',
+  'organizationProfileMembersSearchInput',
+
   'organizationListPreviewItems',
   'organizationListPreviewItem',
   'organizationListPreviewButton',
diff --git a/packages/clerk-js/src/ui/elements/Action/ActionTrigger.tsx b/packages/clerk-js/src/ui/elements/Action/ActionTrigger.tsx
index 5aa2f68d7fa..641951fc17a 100644
--- a/packages/clerk-js/src/ui/elements/Action/ActionTrigger.tsx
+++ b/packages/clerk-js/src/ui/elements/Action/ActionTrigger.tsx
@@ -4,10 +4,11 @@ import { useActionContext } from './ActionRoot';
 
 type ActionTriggerProps = PropsWithChildren<{
   value: string;
+  hideOnActive?: boolean;
 }>;
 
 export const ActionTrigger = (props: ActionTriggerProps) => {
-  const { children, value } = props;
+  const { children, value, hideOnActive = true } = props;
   const { active, open } = useActionContext();
 
   const validChildren = Children.only(children);
@@ -15,7 +16,7 @@ export const ActionTrigger = (props: ActionTriggerProps) => {
     throw new Error('Children of ActionTrigger must be a valid element');
   }
 
-  if (active === value) {
+  if (hideOnActive && active === value) {
     return null;
   }
 
diff --git a/packages/clerk-js/src/ui/elements/InputWithIcon.tsx b/packages/clerk-js/src/ui/elements/InputWithIcon.tsx
index a8f7dea8759..81242c2b78d 100644
--- a/packages/clerk-js/src/ui/elements/InputWithIcon.tsx
+++ b/packages/clerk-js/src/ui/elements/InputWithIcon.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Flex, Input } from '../customizables';
+import { Box, Flex, Input } from '../customizables';
 import type { PropsOfComponent } from '../styledSystem';
 
 type InputWithIcon = PropsOfComponent<typeof Input> & { leftIcon?: React.ReactElement };
@@ -10,18 +10,33 @@ export const InputWithIcon = React.forwardRef<HTMLInputElement, InputWithIcon>((
   return (
     <Flex
       center
-      sx={theme => ({
+      sx={{
         width: '100%',
         position: 'relative',
-        '& .cl-internal-icon': {
-          position: 'absolute',
-          left: theme.space.$4,
-          width: theme.sizes.$3x5,
-          height: theme.sizes.$3x5,
-        },
-      })}
+      }}
     >
-      {leftIcon && React.cloneElement(leftIcon, { className: 'cl-internal-icon' })}
+      {leftIcon ? (
+        <Box
+          sx={theme => [
+            {
+              position: 'absolute',
+              left: theme.space.$3x5,
+              width: theme.sizes.$3x5,
+              height: theme.sizes.$3x5,
+              pointerEvents: 'none',
+              display: 'grid',
+              placeContent: 'center',
+              '& svg': {
+                position: 'absolute',
+                width: '100%',
+                height: '100%',
+              },
+            },
+          ]}
+        >
+          {leftIcon}
+        </Box>
+      ) : null}
       <Input
         {...rest}
         sx={[
diff --git a/packages/localizations/src/ar-SA.ts b/packages/localizations/src/ar-SA.ts
index 4008a2f701e..cde120f25d5 100644
--- a/packages/localizations/src/ar-SA.ts
+++ b/packages/localizations/src/ar-SA.ts
@@ -129,6 +129,7 @@ export const arSA: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'دعوة',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'إزالة عضو',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/be-BY.ts b/packages/localizations/src/be-BY.ts
index f6e356be78b..0b907d48e5a 100644
--- a/packages/localizations/src/be-BY.ts
+++ b/packages/localizations/src/be-BY.ts
@@ -130,6 +130,7 @@ export const beBY: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Пригласить',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Удалить удзельніка',
         tableHeader__actions: 'Дзеянні',
diff --git a/packages/localizations/src/bg-BG.ts b/packages/localizations/src/bg-BG.ts
index 9ead5c73866..c85b48088b2 100644
--- a/packages/localizations/src/bg-BG.ts
+++ b/packages/localizations/src/bg-BG.ts
@@ -129,6 +129,7 @@ export const bgBG: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Покани',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Премахване на член',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/cs-CZ.ts b/packages/localizations/src/cs-CZ.ts
index ed23e5ca4f5..9e0adb92f6b 100644
--- a/packages/localizations/src/cs-CZ.ts
+++ b/packages/localizations/src/cs-CZ.ts
@@ -130,6 +130,7 @@ export const csCZ: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Pozvat',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Odstranit člena',
         tableHeader__actions: 'Akce',
diff --git a/packages/localizations/src/da-DK.ts b/packages/localizations/src/da-DK.ts
index df685d55412..bed02621062 100644
--- a/packages/localizations/src/da-DK.ts
+++ b/packages/localizations/src/da-DK.ts
@@ -129,6 +129,7 @@ export const daDK: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Inviter',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Fjern medlem',
         tableHeader__actions: 'Handlinger',
diff --git a/packages/localizations/src/de-DE.ts b/packages/localizations/src/de-DE.ts
index 1c9284673a2..e40980c8cca 100644
--- a/packages/localizations/src/de-DE.ts
+++ b/packages/localizations/src/de-DE.ts
@@ -132,6 +132,7 @@ export const deDE: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Einladen',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Mitglied entfernen',
         tableHeader__actions: 'Aktionen',
diff --git a/packages/localizations/src/el-GR.ts b/packages/localizations/src/el-GR.ts
index 96e440cfb8e..ca97ba4a588 100644
--- a/packages/localizations/src/el-GR.ts
+++ b/packages/localizations/src/el-GR.ts
@@ -130,6 +130,7 @@ export const elGR: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Πρόσκληση',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Αφαίρεση μέλους',
         tableHeader__actions: 'Ενέργειες',
diff --git a/packages/localizations/src/en-US.ts b/packages/localizations/src/en-US.ts
index b20b5749c62..13891a53ffd 100644
--- a/packages/localizations/src/en-US.ts
+++ b/packages/localizations/src/en-US.ts
@@ -118,6 +118,7 @@ export const enUS: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Invite',
+      action__search: 'Search',
       activeMembersTab: {
         menuAction__remove: 'Remove member',
         tableHeader__actions: 'Actions',
diff --git a/packages/localizations/src/es-ES.ts b/packages/localizations/src/es-ES.ts
index 37065843502..41e27419dc7 100644
--- a/packages/localizations/src/es-ES.ts
+++ b/packages/localizations/src/es-ES.ts
@@ -130,6 +130,7 @@ export const esES: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Invitar',
+      action__search: 'Buscar',
       activeMembersTab: {
         menuAction__remove: 'Quitar miembro',
         tableHeader__actions: 'Acciones',
diff --git a/packages/localizations/src/es-MX.ts b/packages/localizations/src/es-MX.ts
index e65fe4c8b31..93ea2273616 100644
--- a/packages/localizations/src/es-MX.ts
+++ b/packages/localizations/src/es-MX.ts
@@ -131,6 +131,7 @@ export const esMX: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Invitar',
+      action__search: 'Buscar',
       activeMembersTab: {
         menuAction__remove: 'Eliminar miembro',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/fi-FI.ts b/packages/localizations/src/fi-FI.ts
index f61c7634807..e75faac8b93 100644
--- a/packages/localizations/src/fi-FI.ts
+++ b/packages/localizations/src/fi-FI.ts
@@ -130,6 +130,7 @@ export const fiFI: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Kutsu',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Poista jäsen',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/fr-FR.ts b/packages/localizations/src/fr-FR.ts
index 6f112034172..226edfbad7e 100644
--- a/packages/localizations/src/fr-FR.ts
+++ b/packages/localizations/src/fr-FR.ts
@@ -131,6 +131,7 @@ export const frFR: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Inviter',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Supprimer',
         tableHeader__actions: 'Actions',
diff --git a/packages/localizations/src/he-IL.ts b/packages/localizations/src/he-IL.ts
index e750d66beed..42ed5ce70cc 100644
--- a/packages/localizations/src/he-IL.ts
+++ b/packages/localizations/src/he-IL.ts
@@ -128,6 +128,7 @@ export const heIL: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'הזמן',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'הסר חבר',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/hu-HU.ts b/packages/localizations/src/hu-HU.ts
index 4e75bea7007..b9b21399869 100644
--- a/packages/localizations/src/hu-HU.ts
+++ b/packages/localizations/src/hu-HU.ts
@@ -129,6 +129,7 @@ export const huHU: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Meghívás',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Tag eltávolítása',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/is-IS.ts b/packages/localizations/src/is-IS.ts
index 7ec455d5d2c..33143467bdb 100644
--- a/packages/localizations/src/is-IS.ts
+++ b/packages/localizations/src/is-IS.ts
@@ -130,6 +130,7 @@ export const isIS: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Bjóða',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Fjarlægja meðlim',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/it-IT.ts b/packages/localizations/src/it-IT.ts
index 9a0264da6aa..2759d25ebfb 100644
--- a/packages/localizations/src/it-IT.ts
+++ b/packages/localizations/src/it-IT.ts
@@ -130,6 +130,7 @@ export const itIT: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Invita',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Rimuovi membro',
         tableHeader__actions: 'Azioni',
diff --git a/packages/localizations/src/ja-JP.ts b/packages/localizations/src/ja-JP.ts
index 4624bfb86cf..05ba50992c7 100644
--- a/packages/localizations/src/ja-JP.ts
+++ b/packages/localizations/src/ja-JP.ts
@@ -129,6 +129,7 @@ export const jaJP: LocalizationResource = {
     },
     membersPage: {
       action__invite: '招待',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'メンバーの削除',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/ko-KR.ts b/packages/localizations/src/ko-KR.ts
index 96960ecbe2b..e4169af4652 100644
--- a/packages/localizations/src/ko-KR.ts
+++ b/packages/localizations/src/ko-KR.ts
@@ -129,6 +129,7 @@ export const koKR: LocalizationResource = {
     },
     membersPage: {
       action__invite: '초대',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: '회원 제거',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/mn-MN.ts b/packages/localizations/src/mn-MN.ts
index c2c3380044d..a05d65d34de 100644
--- a/packages/localizations/src/mn-MN.ts
+++ b/packages/localizations/src/mn-MN.ts
@@ -130,6 +130,7 @@ export const mnMN: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Урих',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Гишүүнийг хасах',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/nb-NO.ts b/packages/localizations/src/nb-NO.ts
index 45e766963a2..2015fae35de 100644
--- a/packages/localizations/src/nb-NO.ts
+++ b/packages/localizations/src/nb-NO.ts
@@ -129,6 +129,7 @@ export const nbNO: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Inviter',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Fjern medlem',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/nl-NL.ts b/packages/localizations/src/nl-NL.ts
index 15e618f5c63..259617f9827 100644
--- a/packages/localizations/src/nl-NL.ts
+++ b/packages/localizations/src/nl-NL.ts
@@ -129,6 +129,7 @@ export const nlNL: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Uitnodigen',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Verwijder lid',
         tableHeader__actions: 'Acties',
diff --git a/packages/localizations/src/pl-PL.ts b/packages/localizations/src/pl-PL.ts
index c5c5284fe0d..0250416107c 100644
--- a/packages/localizations/src/pl-PL.ts
+++ b/packages/localizations/src/pl-PL.ts
@@ -129,6 +129,7 @@ export const plPL: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Zaproś',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Usuń użytkownika',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/pt-BR.ts b/packages/localizations/src/pt-BR.ts
index 4b32ab0ca1f..e02b3bad2f4 100644
--- a/packages/localizations/src/pt-BR.ts
+++ b/packages/localizations/src/pt-BR.ts
@@ -129,6 +129,7 @@ export const ptBR: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Convidar',
+      action__search: 'Pesquisar',
       activeMembersTab: {
         menuAction__remove: 'Remover membro',
         tableHeader__actions: 'Ações',
diff --git a/packages/localizations/src/pt-PT.ts b/packages/localizations/src/pt-PT.ts
index bd803639734..1170cfd35fe 100644
--- a/packages/localizations/src/pt-PT.ts
+++ b/packages/localizations/src/pt-PT.ts
@@ -128,6 +128,7 @@ export const ptPT: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Convidar',
+      action__search: 'Pesquisar',
       activeMembersTab: {
         menuAction__remove: 'Remover membro',
         tableHeader__actions: 'Ações',
diff --git a/packages/localizations/src/ro-RO.ts b/packages/localizations/src/ro-RO.ts
index 9af313d3d13..7ca7c7ec036 100644
--- a/packages/localizations/src/ro-RO.ts
+++ b/packages/localizations/src/ro-RO.ts
@@ -131,6 +131,7 @@ export const roRO: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Invitați',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Îndepărtați membrul',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/ru-RU.ts b/packages/localizations/src/ru-RU.ts
index 116ecb0c7ed..f9cf9502a81 100644
--- a/packages/localizations/src/ru-RU.ts
+++ b/packages/localizations/src/ru-RU.ts
@@ -133,6 +133,7 @@ export const ruRU: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Пригласить',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Удалить участника',
         tableHeader__actions: 'Действия',
diff --git a/packages/localizations/src/sk-SK.ts b/packages/localizations/src/sk-SK.ts
index b8ec28caeea..051eb317a9b 100644
--- a/packages/localizations/src/sk-SK.ts
+++ b/packages/localizations/src/sk-SK.ts
@@ -129,6 +129,7 @@ export const skSK: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Pozvať',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Odstrániť člena',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/sr-RS.ts b/packages/localizations/src/sr-RS.ts
index 1c5f9d5875d..a5536165d20 100644
--- a/packages/localizations/src/sr-RS.ts
+++ b/packages/localizations/src/sr-RS.ts
@@ -129,6 +129,7 @@ export const srRS: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Pozovi',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Ukloni člana',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/sv-SE.ts b/packages/localizations/src/sv-SE.ts
index 7859cbd8fbd..4b8c1518de9 100644
--- a/packages/localizations/src/sv-SE.ts
+++ b/packages/localizations/src/sv-SE.ts
@@ -129,6 +129,7 @@ export const svSE: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Bjud in',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Ta bort medlem',
         tableHeader__actions: 'Åtgärder',
diff --git a/packages/localizations/src/th-TH.ts b/packages/localizations/src/th-TH.ts
index f3fea2cef38..f70a65d8011 100644
--- a/packages/localizations/src/th-TH.ts
+++ b/packages/localizations/src/th-TH.ts
@@ -129,6 +129,7 @@ export const thTH: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'เชิญ',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'ลบสมาชิก',
         tableHeader__actions: 'การดำเนินการ',
diff --git a/packages/localizations/src/tr-TR.ts b/packages/localizations/src/tr-TR.ts
index 274bf92320a..6371f8972c3 100644
--- a/packages/localizations/src/tr-TR.ts
+++ b/packages/localizations/src/tr-TR.ts
@@ -129,6 +129,7 @@ export const trTR: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Davet et',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Üyeyi kaldır',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/uk-UA.ts b/packages/localizations/src/uk-UA.ts
index a6fa255398d..3e940ddfc17 100644
--- a/packages/localizations/src/uk-UA.ts
+++ b/packages/localizations/src/uk-UA.ts
@@ -129,6 +129,7 @@ export const ukUA: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Запросити',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Видалити учасника',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/vi-VN.ts b/packages/localizations/src/vi-VN.ts
index 357d7eeedac..97ecf183df3 100644
--- a/packages/localizations/src/vi-VN.ts
+++ b/packages/localizations/src/vi-VN.ts
@@ -129,6 +129,7 @@ export const viVN: LocalizationResource = {
     },
     membersPage: {
       action__invite: 'Mời',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: 'Gỡ bỏ thành viên',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/zh-CN.ts b/packages/localizations/src/zh-CN.ts
index 0682e3de78d..22d1a5dfa75 100644
--- a/packages/localizations/src/zh-CN.ts
+++ b/packages/localizations/src/zh-CN.ts
@@ -126,6 +126,7 @@ export const zhCN: LocalizationResource = {
     },
     membersPage: {
       action__invite: '邀请',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: '移除成员',
         tableHeader__actions: undefined,
diff --git a/packages/localizations/src/zh-TW.ts b/packages/localizations/src/zh-TW.ts
index 4a714bef27d..f5e863cd324 100644
--- a/packages/localizations/src/zh-TW.ts
+++ b/packages/localizations/src/zh-TW.ts
@@ -128,6 +128,7 @@ export const zhTW: LocalizationResource = {
     },
     membersPage: {
       action__invite: '邀請',
+      action__search: undefined,
       activeMembersTab: {
         menuAction__remove: '移除成員',
         tableHeader__actions: undefined,
diff --git a/packages/shared/src/react/hooks/useOrganization.tsx b/packages/shared/src/react/hooks/useOrganization.tsx
index aa07e970651..74acbd65644 100644
--- a/packages/shared/src/react/hooks/useOrganization.tsx
+++ b/packages/shared/src/react/hooks/useOrganization.tsx
@@ -124,6 +124,7 @@ export const useOrganization: UseOrganization = params => {
     role: undefined,
     keepPreviousData: false,
     infinite: false,
+    query: undefined,
   });
 
   const invitationsSafeValues = useWithSafeValues(invitationsListParams, {
@@ -163,6 +164,7 @@ export const useOrganization: UseOrganization = params => {
           initialPage: membersSafeValues.initialPage,
           pageSize: membersSafeValues.pageSize,
           role: membersSafeValues.role,
+          query: membersSafeValues.query,
         };
 
   const invitationsParams =
diff --git a/packages/types/src/appearance.ts b/packages/types/src/appearance.ts
index cb211dbe5ba..74b53ff1b28 100644
--- a/packages/types/src/appearance.ts
+++ b/packages/types/src/appearance.ts
@@ -277,6 +277,9 @@ export type ElementsConfig = {
   organizationSwitcherPopoverActionButtonIcon: WithOptions<'manageOrganization' | 'createOrganization'>;
   organizationSwitcherPopoverFooter: WithOptions;
 
+  organizationProfileMembersSearchInputIcon: WithOptions;
+  organizationProfileMembersSearchInput: WithOptions;
+
   organizationListPreviewItems: WithOptions;
   organizationListPreviewItem: WithOptions;
   organizationListPreviewButton: WithOptions;
diff --git a/packages/types/src/localization.ts b/packages/types/src/localization.ts
index c610491e376..9ce5711dde6 100644
--- a/packages/types/src/localization.ts
+++ b/packages/types/src/localization.ts
@@ -757,6 +757,7 @@ type _LocalizationResource = {
     membersPage: {
       detailsTitle__emptyRow: LocalizationValue;
       action__invite: LocalizationValue;
+      action__search: LocalizationValue;
       start: {
         headerTitle__members: LocalizationValue;
         headerTitle__invitations: LocalizationValue;
diff --git a/packages/types/src/organization.ts b/packages/types/src/organization.ts
index a749bb6d9b5..fc487ad4c60 100644
--- a/packages/types/src/organization.ts
+++ b/packages/types/src/organization.ts
@@ -64,6 +64,7 @@ export type GetRolesParams = ClerkPaginationParams;
 
 export type GetMembersParams = ClerkPaginationParams<{
   role?: OrganizationCustomRoleKey[];
+  query?: string;
 }>;
 
 export type GetDomainsParams = ClerkPaginationParams<{