diff --git a/components/NewInfractionModal.tsx b/components/NewInfractionModal.tsx
index 04912b6..0a514b9 100644
--- a/components/NewInfractionModal.tsx
+++ b/components/NewInfractionModal.tsx
@@ -128,7 +128,9 @@ export default function (props: { isOpen: boolean; onClose: () => void }) {
           <br />
           <Text>Evidence</Text>
           <Button
-            onClick={() => document.getElementById("evidence")?.click()}
+            as="label"
+            // @ts-expect-error
+            for="evidence"
             mr="8px"
           >
             Select Files