diff --git a/src/browser/components/zen-welcome/welcome.css b/src/browser/components/zen-welcome/welcome.css
index 5dc80b0c1..ed5e426de 100644
--- a/src/browser/components/zen-welcome/welcome.css
+++ b/src/browser/components/zen-welcome/welcome.css
@@ -98,14 +98,16 @@ button {
   border-radius: 999px;
   font-size: 16px;
   font-weight: 600;
+  cursor: pointer;
 }
 
 button.primary {
-  background: var(--zen-branding-bg-reverse);
-  color: var(--zen-branding-bg);
+  background: var(--zen-branding-bg-reverse) !important;
+  color: var(--zen-branding-bg) !important;
+  transition: background 0.2s ease-in-out;
 
   &:hover {
-    background: var(--zen-branding-bg-reverse);
+    background: color-mix(in srgb, var(--zen-branding-bg-reverse) 80%, transparent 20%) !important;
   }
 }