diff --git a/frontend/resources/styles/main/partials/dashboard-team.scss b/frontend/resources/styles/main/partials/dashboard-team.scss
index 24c41c34d..88c626550 100644
--- a/frontend/resources/styles/main/partials/dashboard-team.scss
+++ b/frontend/resources/styles/main/partials/dashboard-team.scss
@@ -528,6 +528,19 @@
 .webhooks-modal {
   .action-buttons {
     gap: 10px;
+
+    .cancel-button {
+      border: 1px solid $color-gray-30;
+      background: $color-canvas;
+      border-radius: 3px;
+      padding: 0.5rem 1rem;
+      cursor: pointer;
+      margin-right: 8px;
+
+      &:hover {
+        background: $color-gray-20;
+      }
+    }
   }
   .input-checkbox label {
     font-size: 14px;
diff --git a/frontend/src/app/main/ui/dashboard/team.cljs b/frontend/src/app/main/ui/dashboard/team.cljs
index 9e1c50c92..71160b21b 100644
--- a/frontend/src/app/main/ui/dashboard/team.cljs
+++ b/frontend/src/app/main/ui/dashboard/team.cljs
@@ -676,7 +676,7 @@
 
        [:div.modal-footer
         [:div.action-buttons
-         [:input.btn-gray.btn-large
+         [:input.cancel-button
           {:type "button"
            :value (tr "labels.cancel")
            :on-click #(modal/hide!)}]