diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 2c52daa..5e83e85 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -141,7 +141,7 @@ export const Footer = props => {
 								data-event-action="proFooterBtnClick"
 								class="footer__link  ml-1  hint--rounded  hint--top-right hide-on-mobile support-link"
 								aria-label={i18n._(
-									t`Be a PRO and get some advanced superpowers!`
+									t`Upgrade to PRO and get some advanced superpowers!`
 								)}
 							>
 								<HStack gap={1}>
diff --git a/src/components/MainHeader.jsx b/src/components/MainHeader.jsx
index 0208569..a7dd976 100644
--- a/src/components/MainHeader.jsx
+++ b/src/components/MainHeader.jsx
@@ -140,7 +140,7 @@ export function MainHeader(props) {
 								data-event-category="ui"
 								data-event-action="loginButtonClick"
 								data-testid="loginButton"
-								class="btn btn--dark hint--rounded  hint--bottom-left"
+								class="btn btn--dark"
 							>
 								<Trans>Login/Signup</Trans>
 							</Button>
diff --git a/src/style.css b/src/style.css
index 63623aa..c1437f6 100644
--- a/src/style.css
+++ b/src/style.css
@@ -3,7 +3,7 @@
 	--color-text-dark-1: #b3aec4;
 	--color-bg: #252637;
 	--color-popup: #3a2b63;
-	--color-overlay: rgba(3, 8, 27, 0.7);
+	--color-overlay: rgb(0 0 0 / 40%);
 	--color-close-btn: #d12b4a;
 	--code-font-size: 16px;
 	--color-button: #e3ba26;
@@ -1027,7 +1027,7 @@ body > #demo-frame {
 	z-index: var(--zindex-modal-overlay);
 	/* opacity: 0; */
 	will-change: opacity;
-	/* background: var(--color-overlay); */
+	background: var(--color-overlay);
 	backdrop-filter: blur(5px) grayscale(1);
 	transition: opacity var(--duration-modal-overlay-show);