diff --git a/apps/web/src/components/ui.tsx b/apps/web/src/components/ui.tsx
index 401260a..a262cc5 100644
--- a/apps/web/src/components/ui.tsx
+++ b/apps/web/src/components/ui.tsx
@@ -135,12 +135,14 @@ export function Button({
   disabled,
   variant = 'default',
   title,
+  type = 'button',
 }: {
   children: ReactNode;
   onClick?: () => void;
   disabled?: boolean;
   variant?: 'default' | 'accent' | 'danger';
   title?: string;
+  type?: 'button' | 'submit';
 }) {
   const variants = {
     default:
@@ -150,7 +152,7 @@ export function Button({
   } as const;
   return (
     <button
-      type="button"
+      type={type}
       title={title}
       onClick={onClick}
       disabled={disabled}
diff --git a/apps/web/src/pages/mods.tsx b/apps/web/src/pages/mods.tsx
index 7e6c58d..8c67c93 100644
--- a/apps/web/src/pages/mods.tsx
+++ b/apps/web/src/pages/mods.tsx
@@ -236,7 +236,7 @@ function WorkshopBrowser({
             </option>
           ))}
         </select>
-        <Button variant="accent" disabled={isFetching}>
+        <Button variant="accent" type="submit" disabled={isFetching}>
           {isFetching ? 'Loading…' : 'Search'}
         </Button>
       </form>