Form style tweaks

hyperlane-xyz · Dec 6, 2024 · b7d1484 · b7d1484
1 parent cd5f640
commit b7d1484
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/features/deployment/warp/TokenTypeSelectField.tsx b/src/features/deployment/warp/TokenTypeSelectField.tsx
@@ -107,8 +107,8 @@ function TokenTypeOption({ type, onClick }: { type: TokenType; onClick: (t: Toke
       onClick={() => onClick(type)}
       className="flex w-full flex-col items-start gap-px rounded px-3 py-2 text-left hover:bg-gray-100 hover:opacity-100"
     >
-      <h3 className="text-sm font-medium text-blue-500">{TokenTypeDescriptions[type].label}</h3>
-      <p className="text-xs text-gray-800">{TokenTypeDescriptions[type].description}</p>
+      <h3 className="text-sm font-medium text-primary-500">{TokenTypeDescriptions[type].label}</h3>
+      <p className="text-xs text-gray-700">{TokenTypeDescriptions[type].description}</p>
     </Button>
   );
 }
diff --git a/src/features/deployment/warp/WarpDeploymentForm.tsx b/src/features/deployment/warp/WarpDeploymentForm.tsx
@@ -78,7 +78,7 @@ function ConfigListSection() {
   const { values } = useFormikContext<WarpDeploymentFormValues>();
 
   return (
-    <div className="space-y-4">
+    <div className="space-y-3">
       {values.configs.map((config, index) => (
         <ChainTokenConfig key={index} index={index} config={config} />
       ))}
@@ -113,7 +113,7 @@ function ChainTokenConfig({ config, index }: { config: WarpDeploymentConfigEntry
           <XIcon width={8} height={8} color={Color.gray['500']} />
         </IconButton>
       </div>
-      <div className="flex items-center justify-stretch gap-6">
+      <div className="flex items-center justify-stretch gap-4">
         <ChainSelectField
           value={config.chainName}
           onChange={(v) => {