From 494fd293ebb534ac3e41e29940e1c414bde9d0e0 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Mon, 10 Feb 2025 16:12:41 -0500
Subject: [PATCH 1/3] fix(clerk-js): Update org member search alignment

---
 .../src/ui/components/OrganizationProfile/MembersActions.tsx    | 1 -
 .../src/ui/components/OrganizationProfile/MembersSearch.tsx     | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx
index a1d5439a0cb..d8788257365 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersActions.tsx
@@ -32,7 +32,6 @@ export const MembersActionsRow = ({ actionSlot }: MembersActionsRowProps) => {
               <Button
                 elementDescriptor={descriptors.membersPageInviteButton}
                 aria-label='Invite'
-                textVariant='buttonSmall'
                 localizationKey={localizationKeys('organizationProfile.membersPage.action__invite')}
               />
             </Action.Trigger>
diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
index cbbcbca5dd6..f096b877b1c 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
@@ -77,7 +77,7 @@ export const MembersSearch = ({ query, value, memberships, onSearchChange, onQue
 
   return (
     <Animated asChild>
-      <Flex sx={{ width: '100%' }}>
+      <Flex>
         <InputWithIcon
           value={value}
           type='search'

From 254ebea55ef0119a0afea63788081f1754171ddb Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Tue, 11 Feb 2025 13:43:51 -0500
Subject: [PATCH 2/3] Add changeset

---
 .changeset/heavy-seas-complain.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/heavy-seas-complain.md

diff --git a/.changeset/heavy-seas-complain.md b/.changeset/heavy-seas-complain.md
new file mode 100644
index 00000000000..192cd9ba9c2
--- /dev/null
+++ b/.changeset/heavy-seas-complain.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Remove full width from OrgProfile members search input.

From 26bc14d2c46a80e793775e21b4a46da533e77d91 Mon Sep 17 00:00:00 2001
From: Alex Carpenter <alex.carpenter@clerk.dev>
Date: Wed, 19 Feb 2025 17:32:58 -0500
Subject: [PATCH 3/3] adjust width

---
 .../components/OrganizationProfile/MembersSearch.tsx   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
index f096b877b1c..d8f3e995d9f 100644
--- a/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
+++ b/packages/clerk-js/src/ui/components/OrganizationProfile/MembersSearch.tsx
@@ -6,6 +6,7 @@ import { descriptors, Flex, Icon, localizationKeys, useLocalizations } from '../
 import { Animated, InputWithIcon } from '../../../ui/elements';
 import { MagnifyingGlass } from '../../../ui/icons';
 import { Spinner } from '../../../ui/primitives';
+import { mqu } from '../../../ui/styledSystem';
 import { ACTIVE_MEMBERS_PAGE_SIZE } from './OrganizationMembers';
 
 type MembersSearchProps = {
@@ -77,7 +78,14 @@ export const MembersSearch = ({ query, value, memberships, onSearchChange, onQue
 
   return (
     <Animated asChild>
-      <Flex>
+      <Flex
+        sx={{
+          width: '50%',
+          [mqu.sm]: {
+            width: 'auto',
+          },
+        }}
+      >
         <InputWithIcon
           value={value}
           type='search'