diff --git a/src/main/java/tech/ailef/dbadmin/external/controller/DefaultDbAdminController.java b/src/main/java/tech/ailef/dbadmin/external/controller/DefaultDbAdminController.java
index 33985bb..5f5657f 100644
--- a/src/main/java/tech/ailef/dbadmin/external/controller/DefaultDbAdminController.java
+++ b/src/main/java/tech/ailef/dbadmin/external/controller/DefaultDbAdminController.java
@@ -570,9 +570,16 @@ public class DefaultDbAdminController {
 		} else {
 			return "redirect:/" + properties.getBaseUrl() + "/console/run/" + tabs.get(0).getId();
 		}
-		
 	}
 	
+	@PostMapping("/console/delete/{queryId}")
+	public String consoleDelete(@PathVariable String queryId, Model model) {
+		consoleQueryRepository.deleteById(queryId);
+		return "redirect:/" + properties.getBaseUrl() + "/console";
+	}
+	
+	
+	
 	@GetMapping("/console/run/{queryId}")
 	public String consoleRun(Model model, @RequestParam(required = false) String query,
 			@RequestParam(required = false) String queryTitle,
diff --git a/src/main/resources/static/js/console.js b/src/main/resources/static/js/console.js
new file mode 100644
index 0000000..6e4f787
--- /dev/null
+++ b/src/main/resources/static/js/console.js
@@ -0,0 +1,8 @@
+document.addEventListener("DOMContentLoaded", () => {
+	document.querySelector("#console-delete-btn").addEventListener("click", () => {
+		if (confirm("Are you sure you want to delete this query?")) {
+			document.querySelector("#console-delete-form").submit();
+		}
+	});
+
+});
\ No newline at end of file
diff --git a/src/main/resources/templates/console.html b/src/main/resources/templates/console.html
index 6cd056e..dfc404c 100644
--- a/src/main/resources/templates/console.html
+++ b/src/main/resources/templates/console.html
@@ -29,13 +29,22 @@
 		    					</div>
 	    					</div>
 							<div class="box with-navigation">
-	        					<form th:action="|/${dbadmin_baseUrl}/console/run/${activeQuery.getId()}|" method="GET">
+								<form th:action="|/${dbadmin_baseUrl}/console/run/${activeQuery.getId()}|" method="GET">
+									<span class="text-muted fw-bold mb-1 d-inline-block">Query title</span>
 									<input type="text" class="form-control mb-3" 
 									 		name="queryTitle" th:value="${activeQuery.getTitle()}">
+									<span class="text-muted fw-bold mb-1 d-inline-block">SQL</span>
 		        					<textarea class="form-control" rows="6" name="query"
 		        						th:text="${activeQuery.getSql()}"></textarea>
 		        					<input class="ui-btn btn btn-primary mt-3" type="submit" value="Run">
+		        					<a href="#" class="ms-4 ui-btn btn btn-danger mt-3" id="console-delete-btn">Delete</a>
 	        					</form>
+	        					<div class="d-flex justify-content-end">
+									<form th:action="|/${dbadmin_baseUrl}/console/delete/${activeQuery.getId()}|" method="POST"
+										id="console-delete-form">
+		        					</form>
+								</div>
+	        					
 	        					
 	        					<div th:if="${error == null && activeQuery.getSql() != null}">
 									<div class="separator mt-3 mb-3"></div>
@@ -51,5 +60,6 @@
 	        	</div>
 	        </div>
 	    </div>
+	    <script type="text/javascript" th:src="|/${dbadmin_baseUrl}/js/console.js|"></script>
 	</body>
 </html>