From e9eda5237e462c5f65f7be3a0e44a0d713f71c40 Mon Sep 17 00:00:00 2001
From: Ivana Andersson <ivana.p.kostova@gmail.com>
Date: Wed, 16 Aug 2023 17:37:36 +0300
Subject: [PATCH] fix: all inputs should have white background

---
 src/components/General/LabelInputField.css | 4 ++++
 src/components/General/LabelInputField.tsx | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/components/General/LabelInputField.css

diff --git a/src/components/General/LabelInputField.css b/src/components/General/LabelInputField.css
new file mode 100644
index 00000000..77559ac7
--- /dev/null
+++ b/src/components/General/LabelInputField.css
@@ -0,0 +1,4 @@
+.input-container {
+    background-color: #fff;
+    border-radius: 12px;
+}
\ No newline at end of file
diff --git a/src/components/General/LabelInputField.tsx b/src/components/General/LabelInputField.tsx
index 298fabee..fb71d95e 100644
--- a/src/components/General/LabelInputField.tsx
+++ b/src/components/General/LabelInputField.tsx
@@ -1,5 +1,6 @@
 import { Input as StatusInput, Text } from '@status-im/components'
 import { Label } from 'tamagui'
+import './LabelInputField.css'
 
 type LabelInputProps = {
   labelText: string
@@ -12,7 +13,9 @@ function LabelInputField({ labelText, placeholderText }: LabelInputProps) {
       <Text size={13} weight="regular" color={'#647084'}>
         {labelText}
       </Text>
-      <StatusInput placeholder={placeholderText} width={'100%'} />
+      <div className="input-container">
+        <StatusInput placeholder={placeholderText} width={'100%'} />
+      </div>
     </Label>
   )
 }