From 3d36309b7c62ccf24ad2eec79e33742f012022ce Mon Sep 17 00:00:00 2001
From: Rupin Khandelwal <rupin@omnivore.app>
Date: Wed, 3 Aug 2022 23:48:41 +0200
Subject: [PATCH] fixed the runtime error

---
 packages/web/components/templates/Menu.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/templates/Menu.tsx b/packages/web/components/templates/Menu.tsx
index c4fb9bcc1..1179db927 100644
--- a/packages/web/components/templates/Menu.tsx
+++ b/packages/web/components/templates/Menu.tsx
@@ -9,7 +9,9 @@ import 'react-pro-sidebar/dist/css/styles.css'
 
 const MenuStyle = styled(ProSidebar, {
     display: 'inline-block',
-    //override background to match the design?
+  '&:first-child': {
+    background: '$grayBgActive',
+  },
 })
 
 // Functions------------------------------
@@ -49,6 +51,7 @@ export const Menubar = () => {
           <Link passHref href={'/home?q=type%3Ahighlights'}>
             Highlights
           </Link>
+        </MenuItem>
         <MenuItem>
           <Link passHref href={'/home?q=in%3Ainbox+label%3ANewsletter'}>
             Newsletters