From b1c4f577868563d85875a2018c222ac6be7a1e00 Mon Sep 17 00:00:00 2001
From: Vinicius Souza <dev@viniciussouza.me>
Date: Thu, 24 Oct 2024 10:28:36 -0300
Subject: [PATCH] feat: style input

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

diff --git a/src/components/Input.tsx b/src/components/Input.tsx
index cff7ba3..ce4c394 100644
--- a/src/components/Input.tsx
+++ b/src/components/Input.tsx
@@ -5,7 +5,17 @@ type Props = ComponentProps<typeof InputField>;
 
 export function Input({ ...others }: Props) {
   return (
-    <GSInput bg="$gray700" h="$14" px="$4" borderWidth="$0" borderRadius="$md">
+    <GSInput
+      bg="$gray700"
+      h="$14"
+      px="$4"
+      borderColor="$gray700"
+      borderWidth="$1"
+      borderRadius="$md"
+      $focus={{
+        borderColor: "$green500"
+      }}
+    >
       <InputField
         color="$white"
         fontFamily="$body"