Search bug

src/pages/homepage/components/Search/Search.tsx

@@ -521,12 +521,13 @@ export default function Search({
 					searchable
 					autoFocus={!isMobile}
 					leftSection={providerLabel}
-					rightSection={searchValue === '' ? <div /> : undefined}
+					rightSection={<div />}
 					clearable
 					onClear={handleResetSearch}
 					clearButtonProps={{
 						'aria-label': 'Clear search',
-						style: { color: 'var(--mantine-color-accent-0)', marginRight: '.5rem' },
+						c: 'var(--mantine-color-accent-0)',
+						bg: 'transparent',
 					}}
 					scrollAreaProps={{ viewportRef: ref }}
 					renderOption={(item: any) => renderItem(item)}