diff --git a/src/components/input/TextField.tsx b/src/components/input/TextField.tsx
index fc1237c1..124d66e9 100644
--- a/src/components/input/TextField.tsx
+++ b/src/components/input/TextField.tsx
@@ -26,4 +26,4 @@ export function TextInput({ onChange, classes, ...props }: InputProps) {
}
const defaultInputClasses =
- 'mt-1.5 px-2.5 py-2 text-sm rounded-lg border border-primary-300 focus:border-primary-500 disabled:bg-gray-150 outline-none transition-all duration-300';
+ 'mt-1.5 px-2.5 py-2.5 text-sm rounded-lg border border-primary-300 focus:border-primary-500 disabled:bg-gray-150 outline-none transition-all duration-300';
diff --git a/src/features/chains/ChainSelectField.tsx b/src/features/chains/ChainSelectField.tsx
index 3dd7584f..c54318eb 100644
--- a/src/features/chains/ChainSelectField.tsx
+++ b/src/features/chains/ChainSelectField.tsx
@@ -37,26 +37,26 @@ export function ChainSelectField({ name, label, chains, onChange, disabled }: Pr
};
return (
-
-
-
-
-
-
-
-
setIsModalOpen(false)}
@@ -68,7 +68,7 @@ export function ChainSelectField({ name, label, chains, onChange, disabled }: Pr
}
const styles = {
- base: 'w-32 sm:w-36 px-3 py-1.5 flex items-center justify-between text-sm bg-white rounded-lg border border-primary-300 outline-none transition-colors duration-500',
- enabled: 'hover:bg-gray-50 active:bg-gray-100 focus:border-primary-500',
+ base: 'px-2 py-1.5 w-full flex items-center justify-between text-sm bg-white rounded-lg border border-primary-300 outline-none transition-colors duration-500',
+ enabled: 'hover:bg-gray-100 active:scale-95 focus:border-primary-500',
disabled: 'bg-gray-150 cursor-default',
};
diff --git a/src/features/tokens/TokenSelectField.tsx b/src/features/tokens/TokenSelectField.tsx
index 589a8f1d..08302e2a 100644
--- a/src/features/tokens/TokenSelectField.tsx
+++ b/src/features/tokens/TokenSelectField.tsx
@@ -105,7 +105,7 @@ function TokenButton({
}
const styles = {
- base: 'mt-1.5 w-full px-2.5 py-2 flex items-center justify-between text-sm rounded-lg border border-primary-300 outline-none transition-colors duration-500',
+ base: 'mt-1.5 w-full px-2.5 py-2.5 flex items-center justify-between text-sm rounded-lg border border-primary-300 outline-none transition-colors duration-500',
enabled: 'hover:bg-gray-50 active:bg-gray-100 focus:border-primary-500',
disabled: 'bg-gray-100 cursor-default',
};
diff --git a/src/features/transfer/TransferTokenForm.tsx b/src/features/transfer/TransferTokenForm.tsx
index 7ba3a09a..cd8416e7 100644
--- a/src/features/transfer/TransferTokenForm.tsx
+++ b/src/features/transfer/TransferTokenForm.tsx
@@ -113,12 +113,12 @@ function ChainSelectSection({ isReview }: { isReview: boolean }) {
const chains = useMemo(() => getWarpCore().getTokenChains(), []);
return (
-