diff --git a/src/components/EditorHeader/ControlPanel.jsx b/src/components/EditorHeader/ControlPanel.jsx
index 6fde7507..dad1acf9 100644
--- a/src/components/EditorHeader/ControlPanel.jsx
+++ b/src/components/EditorHeader/ControlPanel.jsx
@@ -1110,7 +1110,7 @@ export default function ControlPanel({
           title: t("clear"),
           message: t("are_you_sure_clear"),
         },
-        function: () => {
+        function: async () => {
           setTables([]);
           setRelationships([]);
           setAreas([]);
@@ -1119,6 +1119,20 @@ export default function ControlPanel({
           setTypes([]);
           setUndoStack([]);
           setRedoStack([]);
+
+          if (!diagramId) {
+            console.error("Something went wrong.");
+            return;
+          }
+
+          db.table("diagrams")
+            .delete(diagramId)
+            .then(() => {
+              console.info('Deleted diagram successfully.')
+            })
+            .catch((error) => {
+              console.error(`Error deleting records with gistId '${diagramId}':`, error);
+            });
         },
       },
       edit: {