From aa05a3ce0b2284a8158f4aec75b9722440464ba7 Mon Sep 17 00:00:00 2001
From: Timothy Armes <tim@timothyarmes.com>
Date: Mon, 30 Sep 2024 08:29:23 +0200
Subject: [PATCH] Fix more cases of annoying zoom

---
 src/components/SearchBar.tsx        | 2 +-
 src/components/form/SelectField.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
index ed3310c..6d121d2 100644
--- a/src/components/SearchBar.tsx
+++ b/src/components/SearchBar.tsx
@@ -49,7 +49,7 @@ const SearchBar = () => {
         <input
           type="search"
           id="table-search"
-          className="block rounded-lg border border-gray-300 bg-gray-50 p-2.5 px-10 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500  dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"
+          className="block rounded-lg border border-gray-300 bg-gray-50 p-2.5 px-10 text-gray-900 focus:border-blue-500 focus:ring-blue-500  dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"
           placeholder={t("searchPlaceholder")}
           value={searchString}
           onChange={(e) => updateSearchString(e.target.value)}
diff --git a/src/components/form/SelectField.tsx b/src/components/form/SelectField.tsx
index 109b0d1..e9cf8cd 100644
--- a/src/components/form/SelectField.tsx
+++ b/src/components/form/SelectField.tsx
@@ -40,7 +40,7 @@ export const classNames = <Option, IsMulti extends boolean = false>(
   indicatorSeparator: () => "w-px text-gray-900 dark:text-white",
   control: (state) =>
     twMerge(
-      "group flex w-full items-center justify-between rounded-lg border p-3 text-sm",
+      "group flex w-full items-center justify-between rounded-lg border p-3",
       "border-gray-300 bg-gray-50  text-gray-900 shadow-sm focus-within:border-primary-500 focus-within:ring-primary-500",
       "dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus-within:border-primary-500 dark:focus-within:ring-primary-500",
 
@@ -159,9 +159,9 @@ export const SelectField = <
           const optionValue = isNil(value)
             ? null
             : isArray(value)
-            ? // @ts-ignore - this is too complex for TS to understand
-              value.map(valueToOption)
-            : valueToOption(value);
+              ? // @ts-ignore - this is too complex for TS to understand
+                value.map(valueToOption)
+              : valueToOption(value);
 
           return (
             <Select