diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
index a630f94b..124ccb08 100755
--- a/src/main/resources/static/index.html
+++ b/src/main/resources/static/index.html
@@ -22,10 +22,10 @@
 		<!-- TODO Add active to mode when clicked-->
 		<div class="navbar navbar-item">
 			<div class="navbar-item-menu active" id="home">
-				<a href="/">Home</a>
+				<a href="/" id="homeLink">Home</a>
 			</div>
 			<div class="navbar-item-menu" id="about">
-				<a href="#about">About Us</a>
+				<a href="./#about">About Us</a>
 			</div>
 			<div class="navbar-item-menu" id="mode">
 				Mode
diff --git a/src/main/resources/static/vulnerableApp.js b/src/main/resources/static/vulnerableApp.js
index edd443ee..42ce2b6c 100644
--- a/src/main/resources/static/vulnerableApp.js
+++ b/src/main/resources/static/vulnerableApp.js
@@ -321,3 +321,24 @@ function _addingEventListenerToShowHideHelpButton(vulnerableAppEndPointData) {
     document.getElementById("aboutContainer").scrollIntoView(true);
   });
 })();
+
+
+document.getElementById("learnAndPracticeBtn").addEventListener("click", pushToVulnerabilities);
+let previousUrl;
+
+function pushToVulnerabilities() {
+  let b = document.getElementById("learnAndPracticeBtn");
+  previousUrl = './learnVulnerabilities';
+  let id = b.id;
+  history.pushState({id}, 'Learning Vulnerabilities', './learnVulnerabilities')
+}
+
+window.addEventListener('popstate', e => {
+  if (previousUrl === './learnVulnerabilities') {
+    returnToHome();
+  }
+});
+
+function returnToHome() {
+  document.getElementById("homeLink").click(); // Click on the checkbox
+}