From 9c37967abe6b43c9e77c6d131433ef22addef1b7 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 14 Jul 2022 11:10:47 -0700
Subject: [PATCH] Set a z-index on the omnivore name logo element

When the OmnivoreNameLogo is a floating element we need to
set a z-index on it to ensure that it is above the left
article action menu items.

This fixes issues where the name logo might not be clickable on
wider screens.
---
 packages/web/components/patterns/PrimaryHeader.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/web/components/patterns/PrimaryHeader.tsx b/packages/web/components/patterns/PrimaryHeader.tsx
index df44eb9a0..217159ace 100644
--- a/packages/web/components/patterns/PrimaryHeader.tsx
+++ b/packages/web/components/patterns/PrimaryHeader.tsx
@@ -239,6 +239,7 @@ function FloatingNavHeader(props: NavHeaderProps): JSX.Element {
             position: 'fixed',
             display: 'flex',
             alignItems: 'center',
+            zIndex: 100,
           }}
         >
           <OmnivoreNameLogo href={props.username ? '/home' : '/login'} />