diff --git a/account.js b/account.js
index 628ae29..a0e8a8b 100644
--- a/account.js
+++ b/account.js
@@ -325,6 +325,7 @@ async function editProfile(body, token, admin) {
 		userIsAdmin = await isAdmin(token);
 	}
 	if (await verifyCookie(token) || userIsAdmin) {
+		console.log(body.pfp);
 		let user = userIsAdmin ? await getUserFromCookie(token) : body.username;
 
 		const existingAccount = await account_db.findOne({ where: { username: user } });
@@ -348,6 +349,11 @@ async function editProfile(body, token, admin) {
 			await account_db.update({ custom_css: sanitizeHtml(body.custom, sanitizeConfig) }, { where: { username: user } });
 		}
 		if (body.pfp) {
+			console.log("hit body pfp");
+			if(body.pfp == "del") {
+				await account_db.update({ pfp_url: null }, { where: { username: user } });
+				return { success: true };
+			}
 			const { fileTypeFromBuffer } = await import("file-type");
 			let base64Data = body.pfp.split(";base64,").pop();
 			let pfp = Buffer.from(base64Data, "base64");
diff --git a/html/profile_edit.html b/html/profile_edit.html
index a701d0a..6eb71a6 100644
--- a/html/profile_edit.html
+++ b/html/profile_edit.html
@@ -34,6 +34,7 @@
 			}
 			let currentState;
 			async function setProfile() {
+				console.log(state);
 				let body;
 				if (state == "name") {
 					body = { name: document.getElementById("text").value };
@@ -52,6 +53,8 @@
 					console.log("promise finished");
 					body = { pfp: fileData };
 					console.log("body set");
+				} else if (state == "clearpfp") {
+					body = { pfp: "del" };
 				} else if (state == "close") {
 					return;
 				} else if (state == "upload") {
@@ -151,6 +154,7 @@
 					}
 				});
 				document.getElementById("submit").addEventListener("click", await setProfile);
+				document.getElementById("clear").addEventListener("click", async()=>{state="clearpfp";await setProfile()});
 				document.getElementById("ai").addEventListener("click", async () => {
 					let data = prompt("what do you want?");
 					let response = await (
@@ -177,6 +181,7 @@
 							document.getElementById("pfp_upload").style.display = "none";
 							document.getElementById("pfp_reminder").style.display = "none";
 							document.getElementById("body-text").style.display = "none";
+							document.getElementById("clear").style.display = "none";
 							document.getElementById("text").style.display = "flex";
 							document.getElementById("text").value = userData["name"];
 							document.getElementById("counter").innerText = `${document.getElementById("text").value.length} / ${document.getElementById("text").attributes.maxlength.value}`;
@@ -190,6 +195,7 @@
 							document.getElementById("pfp_upload").style.display = "none";
 							document.getElementById("pfp_reminder").style.display = "none";
 							document.getElementById("body-text").style.display = "none";
+							document.getElementById("clear").style.display = "none";
 							document.getElementById("text").style.display = "flex";
 							document.getElementById("text").value = userData["about"];
 							document.getElementById("counter").innerText = `${document.getElementById("text").value.length} / ${document.getElementById("text").attributes.maxlength.value}`;
@@ -204,6 +210,7 @@
 							document.getElementById("pfp_upload").style.display = "none";
 							document.getElementById("pfp_reminder").style.display = "none";
 							document.getElementById("body-text").style.display = "none";
+							document.getElementById("clear").style.display = "none";
 							document.getElementById("text").style.display = "flex";
 							document.getElementById("text").value = userData["css"];
 							document.getElementById("counter").innerText = `${document.getElementById("text").value.length} / ${document.getElementById("text").attributes.maxlength.value}`;
@@ -217,6 +224,7 @@
 							document.getElementById("pfp_upload").style.display = "flex";
 							document.getElementById("pfp_reminder").style.display = "flex";
 							document.getElementById("body-text").style.display = "none";
+							document.getElementById("clear").style.display = "flex";
 							document.getElementById("text").style.display = "none";
 							document.getElementById("counter").style.display = "none";
 							document.getElementById("ai").style.display = "none";
@@ -317,6 +325,7 @@ <h1 id="title"></h1>
 				<p id="counter">0 / 0</p>
 				<input type="file" id="pfp_upload" name="filename" accept=".png,.jpg,.jpeg,.gif,.avif,.webp,.tiff,.svg" />
 				<p id="pfp_reminder">4 MB file upload max</p>
+				<button id="clear">Clear Profile Picture</button>
 				<button id="submit">Submit</button>
 				<button id="close">X</button>
 				<button id="ai">✨</button>