diff --git a/src/components/Recorder.tsx b/src/components/Recorder.tsx
index 73234d9..e366556 100644
--- a/src/components/Recorder.tsx
+++ b/src/components/Recorder.tsx
@@ -410,7 +410,7 @@ export default function Recorder({ closeModal, step, setStep }: Props) {
             </button>
             <button
               type="button"
-              className="ml-auto inline-flex items-center rounded-md bg-[#dc2625] px-4 py-2 text-sm font-semibold leading-6 text-white shadow transition duration-150 ease-in-out hover:bg-indigo-400 disabled:cursor-not-allowed"
+              className="ml-auto inline-flex items-center rounded-md bg-[#dc2625] px-4 py-2 text-sm font-semibold leading-6 text-white shadow transition duration-150 ease-in-out hover:opacity-80 disabled:cursor-not-allowed"
               onClick={() => {
                 posthog?.capture("recorder: closed post-modal");
                 void closeModal();