From 99622f592aa8631d2d1eed1d73c6913248365503 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 13 Jun 2024 11:35:23 +0800
Subject: [PATCH] z-index + more font size tweaks

---
 packages/web/components/nav-containers/home.tsx             | 6 +++---
 .../web/components/templates/navMenu/NavigationMenu.tsx     | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/nav-containers/home.tsx b/packages/web/components/nav-containers/home.tsx
index ba386da58..65cad3d19 100644
--- a/packages/web/components/nav-containers/home.tsx
+++ b/packages/web/components/nav-containers/home.tsx
@@ -408,8 +408,8 @@ const TitleSmall = (props: HomeItemViewProps): JSX.Element => {
       distribution="start"
       alignment="center"
       css={{
-        fontSize: '13px',
-        lineHeight: '26px',
+        fontSize: '14px',
+        lineHeight: '21px',
         fontWeight: '500',
         fontFamily: '$inter',
         color: '$homeTextTitle',
@@ -680,7 +680,7 @@ const SourceInfo = (props: HomeItemViewProps & SourceInfoProps) => (
       </HStack>
     </HoverCard.Trigger>
     <HoverCard.Portal>
-      <HoverCard.Content sideOffset={5}>
+      <HoverCard.Content sideOffset={5} style={{ zIndex: '5' }}>
         <SubscriptionSourceHoverContent source={props.homeItem.source} />
         <HoverCard.Arrow fill={theme.colors.thBackground2.toString()} />
       </HoverCard.Content>
diff --git a/packages/web/components/templates/navMenu/NavigationMenu.tsx b/packages/web/components/templates/navMenu/NavigationMenu.tsx
index 16a28d20c..d67626f30 100644
--- a/packages/web/components/templates/navMenu/NavigationMenu.tsx
+++ b/packages/web/components/templates/navMenu/NavigationMenu.tsx
@@ -90,6 +90,7 @@ export function NavigationMenu(props: NavigationMenuProps): JSX.Element {
             top: props.showMenu ? '0' : '100%',
             visibility: props.showMenu ? 'visible' : 'hidden',
           },
+          zIndex: 2,
         }}
       >
         <Box