From d05b518e574508d8bf02a91604d67002f9734822 Mon Sep 17 00:00:00 2001
From: Rajat Parashar <parasharrajat@users.noreply.github.com>
Date: Sat, 9 Oct 2021 19:00:39 +0530
Subject: [PATCH] fix: input styles

---
 src/styles/styles.js | 27 +++++++++++++++++----------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/styles/styles.js b/src/styles/styles.js
index 99c73aa22b9a..c413778b1c43 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -22,10 +22,13 @@ const expensiPicker = {
     color: themeColors.text,
     fontFamily: fontFamily.GTA,
     fontSize: variables.fontSizeNormal,
-    paddingHorizontal: 12,
+    paddingHorizontal: 11.5,
     paddingBottom: 8,
     paddingTop: 24,
     height: 52,
+    borderWidth: 1,
+    borderStyle: 'solid',
+    borderColor: themeColors.border,
     borderRadius: variables.componentBorderRadiusNormal,
 };
 
@@ -343,7 +346,9 @@ const styles = {
             paddingTop: 6,
             paddingBottom: 6,
             borderRadius: variables.componentBorderRadius,
-            borderWidth: 0,
+            borderWidth: 1,
+            borderColor: themeColors.border,
+            borderStyle: 'solid',
             color: themeColors.text,
             height: variables.componentSizeSmall,
             opacity: 1,
@@ -356,7 +361,9 @@ const styles = {
             paddingRight: 25,
             paddingTop: 6,
             paddingBottom: 6,
-            borderWidth: 0,
+            borderWidth: 1,
+            borderColor: themeColors.border,
+            borderStyle: 'solid',
             borderRadius: variables.componentBorderRadius,
             color: themeColors.text,
             appearance: 'none',
@@ -372,7 +379,9 @@ const styles = {
             paddingRight: 25,
             paddingTop: 6,
             paddingBottom: 6,
-            borderWidth: 0,
+            borderWidth: 1,
+            borderColor: themeColors.border,
+            borderStyle: 'solid',
             borderRadius: variables.componentBorderRadius,
             color: themeColors.text,
             height: variables.componentSizeSmall,
@@ -487,14 +496,14 @@ const styles = {
         borderColor: themeColors.border,
         paddingTop: 25,
         paddingBottom: 8,
-        paddingHorizontal: 12,
+        paddingHorizontal: 11.5,
         justifyContent: 'center',
         height: '100%',
         backgroundColor: themeColors.componentBG,
     },
     expensiTextInputLabel: {
         position: 'absolute',
-        left: 12,
+        left: 11.5,
         top: 16,
         fontSize: variables.fontSizeNormal,
         color: themeColors.textSupporting,
@@ -539,15 +548,14 @@ const styles = {
     },
 
     expensiPickerContainer: {
-        borderWidth: 1,
+        borderWidth: 0,
         borderRadius: variables.componentBorderRadiusNormal,
-        borderColor: themeColors.border,
         justifyContent: 'center',
         backgroundColor: themeColors.componentBG,
     },
     expensiPickerLabel: {
         position: 'absolute',
-        left: 12,
+        left: 11.5,
         top: 8,
     },
     expensiPicker: (disabled = false) => ({
@@ -558,7 +566,6 @@ const styles = {
         inputWeb: {
             appearance: 'none',
             cursor: disabled ? 'not-allowed' : 'pointer',
-            border: 'none',
             ...expensiPicker,
         },
         inputNative: {