From 4dbbe01486a36ee05cc408bc88d663bd9197fe1c Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sun, 25 Dec 2022 22:27:44 -0800
Subject: [PATCH] Attempt to fix header menu hover bug

---
 components/Header/index.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/Header/index.scss b/components/Header/index.scss
index 0715b1d0..34dcc5b9 100644
--- a/components/Header/index.scss
+++ b/components/Header/index.scss
@@ -1,6 +1,6 @@
 .Header {
   display: flex;
-  margin-bottom: $unit-2x;
+  margin-bottom: $unit;
   width: 100%;
 
   &.bottom {
@@ -16,9 +16,10 @@
   .dropdown {
     display: inline-block;
     position: relative;
+    padding-bottom: $unit;
 
     &:hover {
-      padding-right: 50px;
+      padding-right: $unit-4x;
 
       .Button {
         background: var(--button-bg-hover);