diff --git a/public/js/index.js b/public/js/index.js
index d63f052a5..92cad8cef 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -1824,7 +1824,7 @@ function cancelStopwatch() {
 }
 
 function showAddDependencyModal() {
-    $('.mini.modal')
+    $('.add-dependency')
         .modal({
             duration: 200,
             onApprove: function() {
@@ -1833,3 +1833,17 @@ function showAddDependencyModal() {
         }).modal('show')
     ;
 }
+
+function deleteDependencyModal(id, type) {
+    $('.remove-dependency')
+        .modal({
+            closable: false,
+            duration: 200,
+            onApprove: function() {
+                $('#removeDependencyID').val(id);
+                $('#dependencyType').val(type);
+                $('#removeDependencyForm').submit();
+            }
+        }).modal('show')
+    ;
+}
diff --git a/templates/repo/issue/view_content/sidebar.tmpl b/templates/repo/issue/view_content/sidebar.tmpl
index f418cf487..ef1f646ce 100644
--- a/templates/repo/issue/view_content/sidebar.tmpl
+++ b/templates/repo/issue/view_content/sidebar.tmpl
@@ -202,6 +202,9 @@
 				{{range .BlockedByDependencies}}
 				<div class="item">
 					<div class="right floated content">
+						<a class="delete-dependency-button" onclick="deleteDependencyModal({{.ID}}, 'blockedBy');">
+							<i class="delete icon text red"></i>
+						</a>
 						{{if .IsClosed}}
 						<div class="ui red mini label">
 							<i class="octicon octicon-issue-closed"></i>
@@ -225,8 +228,11 @@
 				{{range .BlockingDependencies}}
 				<div class="item">
 					<div class="right floated content">
+						<a class="delete-dependency-button" onclick="deleteDependencyModal({{.ID}}, 'blocking');">
+							<i class="delete icon text red"></i>
+						</a>
 						{{if .IsClosed}}
-						<div class="ui red mini label">
+						<div class="ui red tiny label">
 							<i class="octicon octicon-issue-closed"></i>
 						</div>
 						{{else}}
@@ -255,7 +261,7 @@
 </div>
 
 
-<div class="ui mini modal">
+<div class="ui mini modal add-dependency">
 	<div class="header">
 		{{.i18n.Tr "repo.issues.dependency.add_header"}}
 	</div>
@@ -277,3 +283,29 @@
 		</div>
 	</div>
 </div>
+
+
+<div class="ui basic modal remove-dependency">
+	<div class="ui icon header">
+		<i class="trash icon"></i>
+		Remove Dependency
+	</div>
+	<div class="content">
+		<form method="POST" action="{{$.RepoLink}}/issues/{{.Issue.Index}}/removeDependency" id="removeDependencyForm">
+			{{$.CsrfTokenHtml}}
+			<input type="hidden" value="" name="removeDependencyID" id="removeDependencyID"/>
+			<input type="hidden" value="" name="dependencyType" id="dependencyType"/>
+		</form>
+		<p>This will remove the dependency to this issue. Are you sure? You cannot undo this!</p>
+	</div>
+	<div class="actions">
+		<div class="ui basic red cancel inverted button">
+			<i class="remove icon"></i>
+			Cancel
+		</div>
+		<div class="ui basic green ok inverted button">
+			<i class="checkmark icon"></i>
+			Delete
+		</div>
+	</div>
+</div>