From 0cbe8b78b6a85c98765a2d75209239c568442b9c Mon Sep 17 00:00:00 2001
From: Linda Paiste <lindapaiste@gmail.com>
Date: Sun, 30 Jul 2023 13:18:02 -0500
Subject: [PATCH] Change transition property for `CookieConsent` banner.

---
 client/modules/User/components/CookieConsent.jsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/client/modules/User/components/CookieConsent.jsx b/client/modules/User/components/CookieConsent.jsx
index 7af4d482aa..0201b30fcb 100644
--- a/client/modules/User/components/CookieConsent.jsx
+++ b/client/modules/User/components/CookieConsent.jsx
@@ -6,7 +6,7 @@ import ReactGA from 'react-ga';
 import { Transition } from 'react-transition-group';
 import { Link } from 'react-router';
 import { Trans, useTranslation } from 'react-i18next';
-import { PropTypes } from 'prop-types';
+import PropTypes from 'prop-types';
 import getConfig from '../../../utils/getConfig';
 import { setUserCookieConsent } from '../actions';
 import { remSize, prop, device } from '../../../theme';
@@ -15,11 +15,12 @@ import Button from '../../../common/Button';
 const CookieConsentContainer = styled.div`
   position: fixed;
   transition: 1.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-  bottom: ${({ state }) => {
+  bottom: 0;
+  transform: ${({ state }) => {
     if (state === 'entered') {
-      return '0';
+      return 'translateY(0)';
     }
-    return remSize(-300);
+    return 'translateY(105%)';
   }};
   left: 0;
   right: 0;