work on styles

components/Select.tsx

@@ -14,15 +14,22 @@ export default function Select({
   options: { name: string; value: string }[]
 }) {
   return (
-    <label>
-      {text}
-      <select className={name} onChange={onchange.bind(null, name)} value={value}>
+    <div className="">
+      <label htmlFor={name} className="block text-sm font-medium text-gray-700">
+        {text}
+      </label>
+      <select
+        name={name}
+        className="mt-1 block w-full py-2 px-3 border border-gray-300 bg-white rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        onChange={onchange.bind(null, name)}
+        value={value}
+      >
         {options.map((option) => (
           <option value={option.value} key={option.value}>
             {option.name}
           </option>
         ))}
       </select>
-    </label>
+    </div>
   )
 }