From bdbce67423b558d37fab327e3c9da3c29d8d9a0f Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 4 Apr 2026 14:37:55 +0200
Subject: [PATCH] Add `type="button"` to theme toggle for accessibility
 compliance

---
 web/components/theme-icon.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/components/theme-icon.tsx b/web/components/theme-icon.tsx
index b6b14fb4..3052d37f 100644
--- a/web/components/theme-icon.tsx
+++ b/web/components/theme-icon.tsx
@@ -31,7 +31,12 @@ export default function ThemeIcon(props: {className?: string}) {
     </>
   )
   return (
-    <button onClick={toggleTheme} className={'w-fit'} data-testid="settings-dark-light-toggle">
+    <button
+      type={'button'}
+      onClick={toggleTheme}
+      className={'w-fit'}
+      data-testid="settings-dark-light-toggle"
+    >
       <Row className="items-center gap-1 border-2 border-gray-500 rounded-full p-1 w-fit mx-2 px-3 hover:bg-canvas-100">
         {icon}
         {children}