diff --git a/app/globals.css b/app/globals.css
index e617633c..d9ecb8f0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -372,7 +372,7 @@ pre.shiki {
 }
 
 .container {
-  background: rgba(var(--bg-page), 0.5);
+  background: rgba(var(--bg-page), 0.75);
   @apply border;
   @apply border-bg-page;
   @apply rounded-md;
diff --git a/components/PageHeader.tsx b/components/PageHeader.tsx
index 046c6eaf..356af898 100644
--- a/components/PageHeader.tsx
+++ b/components/PageHeader.tsx
@@ -54,7 +54,7 @@ export const Header = (props: {
           style={
             scrollPos < 20
               ? {
-                  backgroundColor: `rgba(${headerBGColor}, ${scrollPos / 40 + 0.5})`,
+                  backgroundColor: `rgba(${headerBGColor}, ${scrollPos / 60 + 0.75})`,
                   paddingLeft: props.hasBackgroundImage
                     ? "8px"
                     : `calc(${scrollPos / 20}*8px)`,