From f991d5c87faeae84945942e9eae92ae58c65999c Mon Sep 17 00:00:00 2001
From: DispatchCommit <dispatchcommit@gmail.com>
Date: Fri, 29 Jan 2021 17:44:12 -0800
Subject: [PATCH] Add dropdown animation

Fixed issue causing mis-clicks
---
 ui/scss/component/_animation.scss  | 4 ++--
 ui/scss/component/menu-button.scss | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/scss/component/_animation.scss b/ui/scss/component/_animation.scss
index de9f66d08..818b37ba7 100644
--- a/ui/scss/component/_animation.scss
+++ b/ui/scss/component/_animation.scss
@@ -70,11 +70,11 @@
 
 @keyframes menu-animate-in {
   0% {
-    transform: scaleY(0);
+    transform: translateY(-100%);
     opacity: 0;
   }
   100% {
-    transform: scaleY(1);
+    transform: translateY(0);
     opacity: 1;
   }
 }
diff --git a/ui/scss/component/menu-button.scss b/ui/scss/component/menu-button.scss
index e35e35937..a6864cd71 100644
--- a/ui/scss/component/menu-button.scss
+++ b/ui/scss/component/menu-button.scss
@@ -10,6 +10,7 @@
   position: absolute;
   z-index: 2;
   font-size: var(--font-body);
+  overflow: hidden;
 }
 
 [data-reach-menu-list] {