fix: fix styles for MultiSelectCombobox

jaaydenh · jaaydenh · commit 7bef01691046 · 2025-01-14T15:43:01.000Z
diff --git a/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx b/site/src/components/MultiSelectCombobox/MultiSelectCombobox.tsx
@@ -454,7 +454,7 @@ export const MultiSelectCombobox = forwardRef<
 				{/* biome-ignore lint/a11y/useKeyWithClickEvents: onKeyDown is not needed here */}
 				<div
 					className={cn(
-						`*:min-h-9 rounded-md border border-solid border-border text-sm pr-3
+						`min-h-10 rounded-md border border-solid border-border text-sm pr-3
 						focus-within:ring-2 focus-within:ring-content-link`,
 						{
 							"pl-3 py-1": selected.length !== 0,
@@ -568,7 +568,7 @@ export const MultiSelectCombobox = forwardRef<
 							>
 								<X className="h-5 w-5" />
 							</button>
-							<ChevronDown className="h-6 w-6 cursor-pointer text-content-secondary hover:text-content-primary" />
+							<ChevronDown className="h-5	w-5 cursor-pointer text-content-secondary hover:text-content-primary" />
 						</div>
 					</div>
 				</div>
diff --git a/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx b/site/src/pages/DeploymentSettingsPage/IdpOrgSyncPage/IdpOrgSyncPageView.tsx
@@ -201,7 +201,7 @@ export const IdpOrgSyncPageView: FC<IdpSyncPageViewProps> = ({
 									}
 								/>
 							</div>
-							<div className="grid items-center gap-1">
+							<div className="grid grid-rows-[28px_auto]">
 								&nbsp;
 								<Button
 									className="mb-px"
diff --git a/site/src/pages/ManagementSettingsPage/IdpSyncPage/IdpSyncPageView.tsx b/site/src/pages/ManagementSettingsPage/IdpSyncPage/IdpSyncPageView.tsx
@@ -404,7 +404,7 @@ const IdpGroupSyncForm = ({
 								}
 							/>
 						</div>
-						<div className="grid items-center gap-1">
+						<div className="grid grid-rows-[28px_auto]">
 							&nbsp;
 							<Button
 								className="mb-px"
@@ -607,7 +607,7 @@ const IdpRoleSyncForm = ({
 								}
 							/>
 						</div>
-						<div className="grid items-center gap-1">
+						<div className="grid grid-rows-[28px_auto]">
 							&nbsp;
 							<Button
 								className="mb-px"

Original file line number	Diff line number	Diff line change
`@@ -201,7 +201,7 @@ export const IdpOrgSyncPageView: FC<IdpSyncPageViewProps> = ({`
`201`	`201`	`}`
`202`	`202`	`/>`
`203`	`203`	`</div>`
`204`		`- <div className="grid items-center gap-1">`
	`204`	`+ <div className="grid grid-rows-[28px_auto]">`
`205`	`205`	` `
`206`	`206`	`<Button`
`207`	`207`	`className="mb-px"`