diff --git a/app/scripts/components/common/cookie-consent/index.scss b/app/scripts/components/common/cookie-consent/index.scss
index 4d84aa077..9e95aa407 100644
--- a/app/scripts/components/common/cookie-consent/index.scss
+++ b/app/scripts/components/common/cookie-consent/index.scss
@@ -1,3 +1,7 @@
 .animation--fade-out {
   transition: opacity 0.5s ease-in-out 0.125s;
 }
+
+.pointer-events--none {
+  pointer-events: none;
+}
\ No newline at end of file
diff --git a/app/scripts/components/common/cookie-consent/index.tsx b/app/scripts/components/common/cookie-consent/index.tsx
index fcf341f7d..3190584dd 100644
--- a/app/scripts/components/common/cookie-consent/index.tsx
+++ b/app/scripts/components/common/cookie-consent/index.tsx
@@ -57,7 +57,7 @@ export const CookieConsent = ({
     <div
       id='cookie-consent'
       className={`margin-0 tablet:margin-2 shadow-2 position-fixed z-top maxw-full tablet:maxw-tablet-lg animation--fade-out right-0 bottom-0 ${
-        cookieConsentResponded || closeConsent ? ' opacity-0' : 'opacity-1'
+        cookieConsentResponded || closeConsent ? ' opacity-0 z-bottom pointer-events--none' : 'opacity-1 z-top'
       }`}
     >
       <USWDSAlert