From 12f91dca7d7bb193c3c4c0d9a73b1516af9b33be Mon Sep 17 00:00:00 2001
From: Regalijan <r@regalijan.com>
Date: Tue, 14 Apr 2026 03:49:06 -0400
Subject: [PATCH] Move input button styles hook to top level

---
 app/routes/report.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/routes/report.tsx b/app/routes/report.tsx
index 38ee4f7..c91a615 100644
--- a/app/routes/report.tsx
+++ b/app/routes/report.tsx
@@ -51,6 +51,9 @@ export default function () {
   const toast = useToast();
   const [uploading, setUploading] = useState(false);
   const [loading, setLoading] = useState(false);
+  const inputSelectorProps = useMultiStyleConfig("Button", {
+    colorScheme: "blue",
+  });
   const fileTypes: { [k: string]: string } = {
     avif: "image/avif",
     gif: "image/gif",
@@ -312,9 +315,7 @@ export default function () {
               "::file-selector-button": {
                 border: "none",
                 outline: "none",
-                ...useMultiStyleConfig("Button", {
-                  colorScheme: "blue",
-                }),
+                ...inputSelectorProps,
               },
             }}
             multiple={true}