More fixes lol

components/GameAppealCard.tsx

@@ -6,7 +6,6 @@ import {
   CardFooter,
   CardHeader,
   Heading,
-  Input,
   ListItem,
   Modal,
   ModalBody,
@@ -123,6 +122,7 @@ export default function (props: GameAppealProps & { port?: MessagePort }) {
                 min={-10}
                 onChange={(_, n) => setPercentage(n)}
                 precision={0}
+                w="100%"
               >
                 <NumberInputField />
                 <NumberInputStepper>
@@ -130,17 +130,6 @@ export default function (props: GameAppealProps & { port?: MessagePort }) {
                   <NumberDecrementStepper />
                 </NumberInputStepper>
               </NumberInput>
-              <Input
-                onBeforeInput={(e) => {
-                  const value = (e.target as EventTarget & { value: string })
-                    .value;
-
-                  if (value !== "-" && value && !value.match(/^-?\d{0,3}$/))
-                    e.preventDefault();
-                }}
-                onChange={(e) => setPercentage(parseInt(e.target.value))}
-                placeholder="Reduction factor"
-              />
               <Text alignSelf="start">Stat multiplication factors:</Text>
               <UnorderedList alignSelf="start">
                 <ListItem>