diff --git a/components/FileListing.tsx b/components/FileListing.tsx
index 4a4a877..b6d8369 100644
--- a/components/FileListing.tsx
+++ b/components/FileListing.tsx
@@ -149,6 +149,7 @@ const FileListing: FunctionComponent<{ query?: ParsedUrlQuery }> = ({ query }) =
 
         {imagesInFolder.length !== 0 && (
           <ReactViewer
+            zIndex={99}
             visible={imageViewerVisible}
             activeIndex={activeImageIdx}
             images={imagesInFolder}
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 5738557..84f6bac 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -4,7 +4,7 @@ import siteConfig from '../config/site.json'
 
 const Navbar = () => {
   return (
-    <div className="text-left bg-white p-3 sticky top-0 bg-opacity-80 backdrop-blur-md shadow-sm">
+    <div className="text-left bg-white p-3 sticky top-0 bg-opacity-80 backdrop-blur-md shadow-sm z-[100]">
       <div className="max-w-4xl w-full mx-auto flex items-center justify-between">
         <h1 className="font-bold text-xl">{siteConfig.title}</h1>
         <a href="https://github.com/spencerwooo/onedrive-vercel-index" target="_blank" rel="noopener noreferrer">