diff --git a/app/assets/javascripts/users/settings/webhooks/index.js b/app/assets/javascripts/users/settings/webhooks/index.js
index 1e7a61aee..c411a43c4 100644
--- a/app/assets/javascripts/users/settings/webhooks/index.js
+++ b/app/assets/javascripts/users/settings/webhooks/index.js
@@ -49,7 +49,9 @@
 
   $('.activity-filters-list').on('click', '.edit-webhook-container .cancel-action', function(e) {
     let webhookContainer = $(this).closest('.webhook');
+    let input = webhookContainer.find('.url-input');
     e.preventDefault();
+    input.val(input.data('original-value'));
     webhookContainer.find('.view-mode').removeClass('hidden');
     webhookContainer.find('.edit-webhook-container').addClass('hidden');
   });
diff --git a/app/views/users/settings/webhooks/_webhook_form.html.erb b/app/views/users/settings/webhooks/_webhook_form.html.erb
index 0c5febbdc..93b64f78d 100644
--- a/app/views/users/settings/webhooks/_webhook_form.html.erb
+++ b/app/views/users/settings/webhooks/_webhook_form.html.erb
@@ -4,7 +4,7 @@
 </div>
 <span class="form-text"><%= t("webhooks.index.target") %></span>
 <div class="sci-input-container url-input-container form-group">
-  <%= f.text_field :url, class: "sci-input-field url-input", placeholder: t("webhooks.index.url_placeholder") %>
+  <%= f.text_field :url, class: "sci-input-field url-input", placeholder: t("webhooks.index.url_placeholder"), data: {original_value: f.object.url } %>
 </div>
 <button class="btn btn-light cancel-action">
   <i class="fas fa-times"></i>