diff --git a/src/Components/Navigation/Navbar.js b/src/Components/Navigation/Navbar.js
index 13f4d3b..22eb524 100644
--- a/src/Components/Navigation/Navbar.js
+++ b/src/Components/Navigation/Navbar.js
@@ -49,6 +49,9 @@ const NavbarElement = (props) => {
 
   function handleClick(link) {
     const _link = link.toLowerCase();
+    if (_link === undefined) {
+      _link = "";
+    }
     navigate(`/${_link}`);
   }
 
diff --git a/src/Components/Navigation/Navpanel.js b/src/Components/Navigation/Navpanel.js
index 912e523..cc079ca 100644
--- a/src/Components/Navigation/Navpanel.js
+++ b/src/Components/Navigation/Navpanel.js
@@ -37,21 +37,23 @@ export default function Navpanel(props) {
             <div className="contact-detail-two">
               <a
                 className="contact-link-two"
-                href="/features"
-                onClick={navToggle}
+                onClick={() => packUpAndLeave("features")}
               >
                 Features
               </a>
             </div>
             <div className="contact-detail-three">
-              <a className="nav-link-three" href="/signup" onClick={navToggle}>
+              <a
+                className="nav-link-three"
+                onClick={() => packUpAndLeave("signup")}
+              >
                 Signup
               </a>
             </div>
             <div className="contact-detail-one">
-              <Link className="contact-link" href="/login" onClick={navToggle}>
+              <a className="contact-link" onClick={() => packUpAndLeave("")}>
                 Blog
-              </Link>
+              </a>
             </div>
           </div>
         </div>