diff --git a/src/index.ts b/src/index.ts
index d8db03d..548d5f8 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -108,7 +108,6 @@ async function cancelRecording(): Promise<void> {
   elapsedSeconds = 0;
   recorder = null;
   ui?.updateState(currentState);
-  ui?.toast("Recording cancelled");
 }
 
 function promptForApiKey(): void {
diff --git a/src/ui.ts b/src/ui.ts
index 492e064..064ce0a 100644
--- a/src/ui.ts
+++ b/src/ui.ts
@@ -69,15 +69,15 @@ function createButtonStyle(): string {
       height: 28px;
       border-radius: 50%;
       border: none;
-      background: rgba(128, 128, 128, 0.2);
-      color: var(--color-text-secondary, #aaa);
+      background: rgba(128, 128, 128, 0.5);
+      color: #fff;
       cursor: pointer;
       transition: all 0.2s ease;
       padding: 0;
       flex-shrink: 0;
     }
     .${CANCEL_CLASS}:hover {
-      background: rgba(128, 128, 128, 0.4);
+      background: rgba(128, 128, 128, 0.7);
       color: #fff;
     }
     .${CANCEL_CLASS}.visible {