From 4c047c635add0370eeeb45a6198bb174836d5b58 Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Wed, 6 Dec 2023 12:52:42 -0500
Subject: [PATCH] Input font size

---
 src/components/expense-form.tsx | 7 ++++++-
 src/components/group-form.tsx   | 8 ++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/expense-form.tsx b/src/components/expense-form.tsx
index 12bdb2e..35c6aaf 100644
--- a/src/components/expense-form.tsx
+++ b/src/components/expense-form.tsx
@@ -64,7 +64,11 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) {
                 <FormItem className="order-1">
                   <FormLabel>Expense title</FormLabel>
                   <FormControl>
-                    <Input placeholder="Monday evening restaurant" {...field} />
+                    <Input
+                      placeholder="Monday evening restaurant"
+                      className="text-base"
+                      {...field}
+                    />
                   </FormControl>
                   <FormDescription>
                     Enter a description for the expense.
@@ -111,6 +115,7 @@ export function ExpenseForm({ group, expense, onSubmit }: Props) {
                   <FormLabel>Amount</FormLabel>
                   <FormControl>
                     <Input
+                      className="text-base"
                       type="number"
                       min={0.01}
                       step={0.01}
diff --git a/src/components/group-form.tsx b/src/components/group-form.tsx
index 9841cc5..5ddc865 100644
--- a/src/components/group-form.tsx
+++ b/src/components/group-form.tsx
@@ -67,7 +67,11 @@ export function GroupForm({ group, onSubmit }: Props) {
                 <FormItem>
                   <FormLabel>Group name</FormLabel>
                   <FormControl>
-                    <Input placeholder="Summer vacations" {...field} />
+                    <Input
+                      className="text-base"
+                      placeholder="Summer vacations"
+                      {...field}
+                    />
                   </FormControl>
                   <FormDescription>
                     Enter a name for your group.
@@ -99,7 +103,7 @@ export function GroupForm({ group, onSubmit }: Props) {
                         </FormLabel>
                         <FormControl>
                           <div className="flex gap-2">
-                            <Input {...field} />
+                            <Input className="text-base" {...field} />
                             <Button
                               variant="destructive"
                               onClick={() => remove(index)}