diff --git a/client/index.html b/client/index.html
index 4ea3d6f..dec73e6 100644
--- a/client/index.html
+++ b/client/index.html
@@ -89,6 +89,9 @@
 							</div>
 						</div>
 					</div>
+					<div class="col-sm-3 mb-2">
+						<button type="button" class="btn btn-danger" id="deleteServerButton">Delete server</button>
+					</div>
 				</div>
 				<div class="input-group mb-3">
 					<textarea class="form-control" rows="20" id="consoleTextArea" disabled style="resize: none;"></textarea>
diff --git a/client/scripts/WebConsoleJqueryHandler.js b/client/scripts/WebConsoleJqueryHandler.js
index 9879ed6..6276d40 100644
--- a/client/scripts/WebConsoleJqueryHandler.js
+++ b/client/scripts/WebConsoleJqueryHandler.js
@@ -106,6 +106,28 @@ $("#commandInput").on('keypress', function (e) {
 	}
 });
 
+/**
+* On delete server button click
+*/
+$("#deleteServerButton").click(function() {
+	var name = connectionManager.activeConnection.serverName;
+	//Remove subscribers
+	connectionManager.activeConnection.removeSubscribers();
+	
+	//Delete from active connections
+	connectionManager.deleteConnection(name);
+	
+	//Back to homepage
+	backToHomepage();
+	
+	//Remove from persistence
+	persistenceManager.deleteServer(name);
+	
+	//Update dropdown
+	updateServerList();
+	
+});
+
 /**
 * On Navbar Home link clicked
 */