diff --git a/apps/wrapper/applicant-portal/public/index.html b/apps/wrapper/applicant-portal/public/index.html
index 7373bc41b0fc0721075e5003e97ef38585a76191..6217adb280333e8ac2fe7f78cecb529f23576887 100644
--- a/apps/wrapper/applicant-portal/public/index.html
+++ b/apps/wrapper/applicant-portal/public/index.html
@@ -69,6 +69,11 @@
         console = console || {};
         console.log = function () { };
       }
+      (() => {
+      if (location.pathname === '/') {
+        window.location.href = location.origin + '/app';
+      }
+    })();
     </script>
     <div id="backdrop" className="api_spinner">
       <div
diff --git a/apps/wrapper/applicant-portal/public/manifest.json b/apps/wrapper/applicant-portal/public/manifest.json
index 080d6c77ac21bb2ef88a6992b2b73ad93daaca92..f2a6e17d2aaa1adf58cbc45852240b3d94975d0f 100644
--- a/apps/wrapper/applicant-portal/public/manifest.json
+++ b/apps/wrapper/applicant-portal/public/manifest.json
@@ -18,7 +18,7 @@
       "sizes": "512x512"
     }
   ],
-  "start_url": ".",
+  "start_url": "./app",
   "display": "standalone",
   "theme_color": "#000000",
   "background_color": "#ffffff"
diff --git a/apps/wrapper/applicant-portal/src/App.js b/apps/wrapper/applicant-portal/src/App.js
index d6a1509d7b10ec601431804e981a34e3d09ba4a3..eeb494a0a8eb673aca8c2caeb206d2968ea522ed 100644
--- a/apps/wrapper/applicant-portal/src/App.js
+++ b/apps/wrapper/applicant-portal/src/App.js
@@ -73,7 +73,7 @@ function App() {
         <Toast toastMsg={toast.toastMsg} toastType={toast.toastType} />
       )}
 
-      <BrowserRouter>
+      <BrowserRouter basename={'/app'}>
         <Routes>
           <Route path={APPLICANT_ROUTE_MAP.auth} element={<Authenticate />}>
             <Route
diff --git a/apps/wrapper/web-portal/public/index.html b/apps/wrapper/web-portal/public/index.html
index b3cc91e104d5e5d965d1e82ef15b121c1cc5ea59..1b5b392c9f6188312e71ca3873006ab32bf769b4 100644
--- a/apps/wrapper/web-portal/public/index.html
+++ b/apps/wrapper/web-portal/public/index.html
@@ -59,5 +59,12 @@
         }, 1000)
       }
     </script> -->
+    <script type="text/javascript">
+       (() => {
+      if (location.pathname === '/') {
+        window.location.href = location.origin + '/app';
+      }
+    })
+    </script>
   </body>
 </html>
diff --git a/apps/wrapper/web-portal/public/manifest.json b/apps/wrapper/web-portal/public/manifest.json
index 080d6c77ac21bb2ef88a6992b2b73ad93daaca92..f2a6e17d2aaa1adf58cbc45852240b3d94975d0f 100644
--- a/apps/wrapper/web-portal/public/manifest.json
+++ b/apps/wrapper/web-portal/public/manifest.json
@@ -18,7 +18,7 @@
       "sizes": "512x512"
     }
   ],
-  "start_url": ".",
+  "start_url": "./app",
   "display": "standalone",
   "theme_color": "#000000",
   "background_color": "#ffffff"
diff --git a/apps/wrapper/web-portal/src/App.js b/apps/wrapper/web-portal/src/App.js
index cddc6a6e324975d0d5853f9c302df5e8347ed580..0ce48a346f66d4eeb1a660b56c24dd0cc97c86ec 100644
--- a/apps/wrapper/web-portal/src/App.js
+++ b/apps/wrapper/web-portal/src/App.js
@@ -101,7 +101,7 @@ function App() {
         {toast.toastOpen && (
           <Toast toastMsg={toast.toastMsg} toastType={toast.toastType} />
         )}
-        <BrowserRouter>
+        <BrowserRouter basename={'/app'}>
           <Routes>
             {/* Default landing page */}
             <Route path="/" element={<Navigate to="/auth/login" />} />