From 9e93069f64e3e37461dfb443571947e341c9a028 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20Kysel=C3=A1k?= <martin@kyselak.name>
Date: Sat, 30 Dec 2023 11:34:04 +0000
Subject: [PATCH] fix: fix the border of the search input

Fixes the border color so that the input element on search form is visible.
---
 src/SearchWalletForm.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/SearchWalletForm.tsx b/src/SearchWalletForm.tsx
index e4f85cd..65d5f77 100644
--- a/src/SearchWalletForm.tsx
+++ b/src/SearchWalletForm.tsx
@@ -13,11 +13,12 @@ export function SearchWalletForm({ onSearch }: Props) {
   } = useForm<SearchCriteria>();
 
   const fieldStyle = 'flex flex-col mb-2';
+
   function getEditorStyle(fieldError: FieldError | undefined) {
-    return fieldError ? 'border-red-500' : 'border-slate-300';
+    return fieldError ? 'border border-red-500' : 'border border-slate-700';
   }
   return (
-    <form noValidate className="border-b py-4" onSubmit={handleSubmit(onSearch)}>
+    <form noValidate className="border-b py-2" onSubmit={handleSubmit(onSearch)}>
       <div className={fieldStyle}>
         <label htmlFor="address">Wallet Address</label>
         <input
@@ -32,7 +33,7 @@ export function SearchWalletForm({ onSearch }: Props) {
         <button
           type="submit"
           disabled={isSubmitting}
-          className="mt-2 h-10 px-6 font-semibold bg-slate-700 text-white self-start"
+          className="mt-2 h-10 px-4 font-semibold bg-slate-700 text-white self-start"
         >
           Search
         </button>