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}