From d0140b33d95e23471934c8ce81e1fc6354f93bc3 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 20 Jun 2023 10:18:29 +0800
Subject: [PATCH] Min font size of 16px to prevent zoom on iOS

---
 packages/web/components/elements/LabelsPicker.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/elements/LabelsPicker.tsx b/packages/web/components/elements/LabelsPicker.tsx
index c76924e1c..7f6b6548d 100644
--- a/packages/web/components/elements/LabelsPicker.tsx
+++ b/packages/web/components/elements/LabelsPicker.tsx
@@ -112,6 +112,9 @@ export const LabelsPicker = (props: LabelsPickerProps): JSX.Element => {
           marginTop: '0px',
           marginBottom: '0px',
         },
+        '>input': {
+          fontSize: '16px',
+        },
       }}
       onMouseDown={(event) => {
         inputRef.current?.focus()
@@ -153,10 +156,14 @@ export const LabelsPicker = (props: LabelsPickerProps): JSX.Element => {
         }}
       >
         <AutosizeInput
-          placeholder={isEmpty ? 'Filter for label' : undefined}
+          placeholder={isEmpty ? 'Add Labels' : undefined}
           inputRef={(ref) => {
             inputRef.current = ref
           }}
+          inputStyle={{
+            fontSize: '16px',
+            minWidth: '100px',
+          }}
           onFocus={() => {
             if (props.onFocus) {
               props.onFocus()