diff --git a/packages/console/app/src/routes/black.css b/packages/console/app/src/routes/black.css
index 467cd491e8..37e37ff8a9 100644
--- a/packages/console/app/src/routes/black.css
+++ b/packages/console/app/src/routes/black.css
@@ -61,14 +61,14 @@
 
       p {
         color: rgba(255, 255, 255, 0.59);
-        font-size: 14px;
+        font-size: 18px;
         font-style: normal;
         font-weight: 400;
         line-height: 160%;
         margin: 0;
 
         @media (min-width: 768px) {
-          font-size: 16px;
+          font-size: 22px;
         }
       }
     }
diff --git a/packages/console/app/src/routes/black/index.tsx b/packages/console/app/src/routes/black/index.tsx
index ec7d88744d..4e1e7802d8 100644
--- a/packages/console/app/src/routes/black/index.tsx
+++ b/packages/console/app/src/routes/black/index.tsx
@@ -126,7 +126,7 @@ export default function Black() {
                         <li>Cancel your subscription at anytime</li>
                       </ul>
                       <div data-slot="actions">
-                        <button type="button" onClick={() => setSelected(null)} data-slot="cancel">
+                        <button type="button" onClick={cancel} data-slot="cancel">
                           Cancel
                         </button>
                         <a href={`/black/subscribe/${plan.id}`} data-slot="continue">