From 4d13b2f3d4e4a57bc673c24b101a85039cb916b2 Mon Sep 17 00:00:00 2001
From: sam-keen <samuel.kleinmann@gmail.com>
Date: Mon, 4 Apr 2022 11:21:10 +0100
Subject: [PATCH] frontend-monorepo-200 Search input has rounded edges on
 (some?) iOS versions

---
 libs/ui-toolkit/src/components/input/input.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/libs/ui-toolkit/src/components/input/input.tsx b/libs/ui-toolkit/src/components/input/input.tsx
index 905a12b43..4e9ad3b0f 100644
--- a/libs/ui-toolkit/src/components/input/input.tsx
+++ b/libs/ui-toolkit/src/components/input/input.tsx
@@ -24,9 +24,10 @@ export const inputClassNames = ({
 }) => {
   return classNames(
     [
+      'appearance-none',
       'flex items-center w-full',
       'box-border',
-      'border',
+      'border rounded-none',
       'bg-clip-padding',
       'border-black-60 dark:border-white-60',
       'bg-black-25 dark:bg-white-25',