diff --git a/src/components/CreateProject/CreateProject.tsx b/src/components/CreateProject/CreateProject.tsx
index 1368fa5..5ca8035 100644
--- a/src/components/CreateProject/CreateProject.tsx
+++ b/src/components/CreateProject/CreateProject.tsx
@@ -565,6 +565,18 @@ const CreateProject: React.FC<Props> = ({
     router.replace("/projects");
   }, [draftId, formProps, router]);
 
+  const handleDeleteDraft = useCallback(() => {
+    deleteDialog(async () => {
+      deleteDraft(Number(draftId));
+
+      const clickSuccessDialog = await successDialog("Delete Success", t);
+
+      if (clickSuccessDialog) {
+        router.replace("/projects");
+      }
+    }, t);
+  }, [draftId, router]);
+
   return (
     <>
       <FormProvider {...formProps}>
@@ -743,6 +755,16 @@ const CreateProject: React.FC<Props> = ({
                 >
                   {t("Save Draft")}
                 </Button>
+                {draftId && 
+                  <Button
+                    variant="outlined"
+                    color="error"
+                    startIcon={<Delete />}
+                    onClick={handleDeleteDraft}
+                  >
+                    {t("Delete Draft")}
+                  </Button>
+                }
                 <Box sx={{ flex: 1, pointerEvents: "none" }} />
               </>
             )}