From 317b955e47a2d83542c549ce3b7979ae9764fa5d Mon Sep 17 00:00:00 2001
From: Alec LaLonde <alec@convergencelabs.com>
Date: Thu, 28 Jan 2021 17:10:31 -0700
Subject: [PATCH] Fixed flashing on load with mobile footer drawer (#299)

---
 packages/web/components/MobileFooter.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/MobileFooter.tsx b/packages/web/components/MobileFooter.tsx
index af5360e6..dd690329 100644
--- a/packages/web/components/MobileFooter.tsx
+++ b/packages/web/components/MobileFooter.tsx
@@ -158,8 +158,8 @@ export const MobileFooter: React.FC = () => {
         animate={isOpen ? 'show' : 'hide'}
         transition={{ duration: 0.25 }}
         variants={{
-          show: { opacity: 1, pointerEvents: 'inherit' },
-          hide: { opacity: 0, pointerEvents: 'none' },
+          show: { display: 'block', opacity: 1, pointerEvents: 'inherit' },
+          hide: { display: 'none', opacity: 0, pointerEvents: 'none' },
         }}
         onClick={onClose}
       >