From cf79c071eb6fc674b92d3be444859a98fe2b3052 Mon Sep 17 00:00:00 2001
From: Bruno Castro <bruno.castro@codeminer42.com>
Date: Fri, 5 Nov 2021 10:40:47 -0300
Subject: [PATCH] fix: remove outline from Searchbar on Web

---
 src/components/Searchbar.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/Searchbar.tsx b/src/components/Searchbar.tsx
index 78b9093d5e..535e1beba4 100644
--- a/src/components/Searchbar.tsx
+++ b/src/components/Searchbar.tsx
@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {
+  Platform,
   StyleSheet,
   StyleProp,
   TextInput,
@@ -190,7 +191,15 @@ const Searchbar = React.forwardRef<TextInputHandles, Props>(
           accessibilityLabel={searchAccessibilityLabel}
         />
         <TextInput
-          style={[styles.input, { color: textColor, ...font }, inputStyle]}
+          style={[
+            styles.input,
+            {
+              color: textColor,
+              ...font,
+              ...Platform.select({ web: { outline: 'none' } }),
+            },
+            inputStyle,
+          ]}
           placeholder={placeholder || ''}
           placeholderTextColor={colors.placeholder}
           selectionColor={colors.primary}