diff --git a/components/NewInfractionModal.tsx b/components/NewInfractionModal.tsx
index e3fea79..6c3c51e 100644
--- a/components/NewInfractionModal.tsx
+++ b/components/NewInfractionModal.tsx
@@ -92,13 +92,13 @@ export default function (props: { isOpen: boolean; onClose: () => void }) {
           <br />
           <br />
           <Text>Evidence</Text>
-          <Button>Select Files</Button>
+          <Button onClick={() => document.getElementById("evidence")?.click()}>
+            Select Files
+          </Button>
           <input id="evidence" multiple type="file" />
         </ModalBody>
         <ModalFooter>
-          <Button colorScheme="ghost" onClick={reset}>
-            Cancel
-          </Button>
+          <Button onClick={reset}>Cancel</Button>
           <Button
             colorScheme="blue"
             ml="8px"