working runner w/o spotify

src/features/bracket/components/match-form.tsx

@@ -1,4 +1,4 @@
-import { Button, TextInput, Stack, Group, Text, Flex, Divider } from "@mantine/core";
+import { Button, TextInput, Stack, Group, Text, Flex, Divider, NumberInput } from "@mantine/core";
 import { useForm } from "@mantine/form";
 import { Match } from "@/features/matches/types";
 
@@ -92,11 +92,10 @@ export const MatchForm: React.FC<MatchFormProps> = ({
               </Text>))
             }
           </Stack>
-          <TextInput
+          <NumberInput
             ml='auto'
-            type="number"
             min={0}
-            w={50}
+            w={70}
             ta="center"
             key={form.key("home_cups")}
             {...form.getInputProps("home_cups")}
@@ -116,11 +115,10 @@ export const MatchForm: React.FC<MatchFormProps> = ({
               </Text>))
             }
           </Stack>
-          <TextInput
+          <NumberInput
             ml='auto'
             ta="center"
-            w={50}
-            type="number"
+            w={70}
             min={0}
             key={form.key("away_cups")}
             {...form.getInputProps("away_cups")}