From f4ee066229e6ed423cab1259104d09ef51bdeadd Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Mon, 9 Feb 2026 11:16:23 +0100
Subject: [PATCH] Make cancel button a clear bordered button instead of a text
 link
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ciphera values clarity — if a user wants to cancel, the option should
be honest and easy to find, not hidden. Neutral bordered pill that
highlights red on hover communicates this respectfully.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 components/settings/OrganizationSettings.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/settings/OrganizationSettings.tsx b/components/settings/OrganizationSettings.tsx
index 435cc1b..a25a129 100644
--- a/components/settings/OrganizationSettings.tsx
+++ b/components/settings/OrganizationSettings.tsx
@@ -833,7 +833,7 @@ export default function OrganizationSettings() {
                     </div>
 
                     {/* Quick actions */}
-                    <div className="flex flex-wrap items-center gap-3">
+                    <div className="flex flex-wrap items-center gap-4">
                       {subscription.has_payment_method && (
                         <button
                           type="button"
@@ -849,7 +849,7 @@ export default function OrganizationSettings() {
                         <button
                           type="button"
                           onClick={() => setShowCancelPrompt(true)}
-                          className="inline-flex items-center gap-1.5 text-sm text-red-500 hover:text-red-600 dark:text-red-400 dark:hover:text-red-300 transition-colors"
+                          className="inline-flex items-center gap-1.5 rounded-lg border border-neutral-200 dark:border-neutral-700 px-3.5 py-1.5 text-sm text-neutral-600 dark:text-neutral-400 hover:border-red-300 hover:text-red-600 dark:hover:border-red-800 dark:hover:text-red-400 transition-colors"
                         >
                           Cancel subscription
                         </button>