diff --git a/src/components/navbar/index.tsx b/src/components/navbar/index.tsx
index 29249c7..68a5c1a 100644
--- a/src/components/navbar/index.tsx
+++ b/src/components/navbar/index.tsx
@@ -36,9 +36,9 @@ const NavigationBar: React.FC = () => {
             <Link href={"/#archive"}>
               <p>Archive</p>
             </Link>
-            <a>
+            <Link href={"/#gallery"}>
               <p>Gallery</p>
-            </a>
+            </Link>
         </div>
       </div>
 
diff --git a/src/sections/Photo-Gallery/index.tsx b/src/sections/Photo-Gallery/index.tsx
index 5781036..49160de 100644
--- a/src/sections/Photo-Gallery/index.tsx
+++ b/src/sections/Photo-Gallery/index.tsx
@@ -81,7 +81,7 @@ const PhotoGallery: React.FC = () => {
 
     return (
         <>
-            <div className={s.container}>
+            <div className={s.container} id="gallery">
                 <h1>Photo Gallery</h1>
                 <select name="project_select" onChange={handleChange}>
                     {options}