Input font size

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)}