From ccecc7d03648b541a05e27277bcd7b4145a2c2bd Mon Sep 17 00:00:00 2001
From: David Walsh <davidwalsh83@gmail.com>
Date: Mon, 21 Mar 2022 08:34:54 -0500
Subject: [PATCH] Dark Mode: Implement 3-Dot Menu Hover (#14027)

---
 ui/components/ui/menu/menu.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/components/ui/menu/menu.scss b/ui/components/ui/menu/menu.scss
index ad43434c0..1855c2ebc 100644
--- a/ui/components/ui/menu/menu.scss
+++ b/ui/components/ui/menu/menu.scss
@@ -10,7 +10,6 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    padding: 0 16px;
     z-index: 1050;
   }
 
@@ -32,10 +31,15 @@
   text-align: start;
   align-items: center;
   width: 100%;
-  padding: 14px 0;
+  padding: 14px 16px;
   cursor: pointer;
   color: inherit;
 
+  &:hover,
+  &:active {
+    background: var(--color-background-alternative);
+  }
+
   &__icon {
     margin-right: 8px;
     grid-row: 1 / span 2;