diff --git a/blocks/header/header.css b/blocks/header/header.css
index 54b4e48a..68f3e0f4 100644
--- a/blocks/header/header.css
+++ b/blocks/header/header.css
@@ -63,7 +63,7 @@ header section {
   padding: 0 var(--spacing-200);
   transition: height 0.6s ease-in;
   border-bottom: 1px solid var(--color-gray-400);
-  box-shadow: 0 -2px 8px rgba(0, 0, 0, 10%);
+  box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-900) 40%, transparent);
 }
 
 header section[data-expanded='true'] {
diff --git a/blocks/pdp/pdp.css b/blocks/pdp/pdp.css
index fe95892b..59cedd12 100644
--- a/blocks/pdp/pdp.css
+++ b/blocks/pdp/pdp.css
@@ -140,13 +140,12 @@
   bottom: 0; 
   left: 0;
   right: 0;
-  top: auto; 
   border-top: 1px solid var(--color-gray-400); 
   border-bottom: none;
   padding: var(--spacing-80) var(--horizontal-spacing);
   background-color: var(--color-gray-100);
   z-index: 8;
-  box-shadow: 0 -2px 8px rgba(0, 0, 0, 10%); 
+  box-shadow: 0 -2px 8px color-mix(in srgb, var(--color-gray-900) 10%, transparent);
 }
 
 @media (width >= 900px) {