diff --git a/src/components/Header.astro b/src/components/Header.astro
index f3bc4e6..c567285 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -42,7 +42,7 @@ const { session } = Astro.locals
       <LoginNav />
     </div>
   </div>
-  <nav class='relative w-full md:h-[55px] bg-dark z-50'>
+  <nav class='relative w-full md:h-[55px] bg-dark z-40'>
     <Toggler>
       <a href='/'><NavButton>{m.home()}</NavButton></a>
       <a href='/last-added'><NavButton>{m.lastaddednav()}</NavButton></a>
diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx
index 95f5572..698cf48 100644
--- a/src/components/Modal.tsx
+++ b/src/components/Modal.tsx
@@ -17,7 +17,7 @@ export default function Modal(props: PropsWithChildren<{ setOpen?: SetState<bool
 
   return (
     <div
-      className='fixed size-full flex bg-black bg-opacity-50 left-0 top-0 z-50 p-4 justify-center items-center'
+      className='fixed size-full flex bg-black/50 left-0 top-0 z-50 p-4 justify-center items-center'
       onClick={() => {
         if (setOpen) setOpen(false)
       }}