diff --git a/web/source/settings/components/form/mutation-button.tsx b/web/source/settings/components/form/mutation-button.tsx
index 5d831cd24..70f7086b6 100644
--- a/web/source/settings/components/form/mutation-button.tsx
+++ b/web/source/settings/components/form/mutation-button.tsx
@@ -27,6 +27,7 @@ export interface MutationButtonProps extends React.DetailedHTMLProps<React.Butto
 	showError?: boolean,
 	className?: string,
 	wrapperClassName?: string,
+	submit?: boolean,
 }
 
 export default function MutationButton({
@@ -36,6 +37,7 @@ export default function MutationButton({
 	showError = true,
 	className = "",
 	wrapperClassName = "",
+	submit = true,
 	...inputProps
 }: MutationButtonProps) {
 	let iconClass = "";
@@ -56,7 +58,7 @@ export default function MutationButton({
 				<Error error={result.error} reset={result.reset} />
 			}
 			<button
-				type="submit"
+				type={submit ? "submit" : "button"}
 				className={"with-icon " + className}
 				disabled={result.isLoading || disabled}
 				{...inputProps}
diff --git a/web/source/settings/views/user/profile/profile.tsx b/web/source/settings/views/user/profile/profile.tsx
index 6b59b7916..0c2e1f32a 100644
--- a/web/source/settings/views/user/profile/profile.tsx
+++ b/web/source/settings/views/user/profile/profile.tsx
@@ -184,6 +184,7 @@ function ProfileForm({ data: profile }: ProfileFormProps) {
 						tabIndex={0}
 						disabled={noHeader}
 						result={deleteHeaderRes}
+						submit={false}
 						onClick={(e) => {
 							e.preventDefault();
 							deleteHeader().then(res => {
@@ -215,6 +216,7 @@ function ProfileForm({ data: profile }: ProfileFormProps) {
 						tabIndex={0}
 						disabled={noAvatar}
 						result={deleteAvatarRes}
+						submit={false}
 						onClick={(e) => {
 							e.preventDefault();
 							deleteAvatar().then(res => {