diff --git a/client/src/components/Header/Header.js b/client/src/components/Header/Header.js
index b3a5303b..4abe2257 100644
--- a/client/src/components/Header/Header.js
+++ b/client/src/components/Header/Header.js
@@ -47,7 +47,7 @@ function Header(){
             {/* primary */}
             <div className="hidden lg:flex gap-8 ">
               {navItems.map((item, index) => (
-                <a href={item.url} index={index}>
+                <a href={item.url} key={index}>   {/*changed index={index} to key={index} to make list items unique*/}
                   {item.title}
                 </a>
               ))}
@@ -86,7 +86,7 @@ function Header(){
               Features
             </a> */}
             {navItems.map((item, index) => (
-              <a href="/" index={index}>
+              <a href="/" key={index}>{/*changed index={index} to key={index} to make list items unique*/}
                 {item.title}
               </a>
             ))}
diff --git a/package-lock.json b/package-lock.json
index 070a1aec..8be91b3f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1471,6 +1471,7 @@
     },
     "node_modules/validator": {
       "version": "13.12.0",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.12.0.tgz",
       "integrity": "sha512-c1Q0mCiPlgdTVVVIJIrBuxNicYE+t/7oKeI9MWLj3fh/uq2Pxh/3eeWbVZ4OcGW1TUf53At0njHw5SMdA3tmMg==",
       "engines": {
         "node": ">= 0.10"