diff --git a/src/components/FunctionalArea/NavBar/NavBar.component.tsx b/src/components/FunctionalArea/NavBar/NavBar.component.tsx
index 5d166a8afe6e9cd9c49ec3ad6425ea458f53eb1d..6631b8004159cc2793eb371fd775672e22209904 100644
--- a/src/components/FunctionalArea/NavBar/NavBar.component.tsx
+++ b/src/components/FunctionalArea/NavBar/NavBar.component.tsx
@@ -9,10 +9,14 @@ import { IconButton } from '@/shared/IconButton';
 import { store } from '@/redux/store';
 
 import Image from 'next/image';
+import { useAppSelector } from '@/redux/hooks/useAppSelector';
+import { projectIdSelector } from '@/redux/project/project.selectors';
 
 export const NavBar = (): JSX.Element => {
   const dispatch = useAppDispatch();
 
+  const projectId = useAppSelector(projectIdSelector);
+
   const toggleDrawerInfo = (): void => {
     if (store.getState().drawer.isOpen && store.getState().drawer.drawerName === 'project-info') {
       dispatch(closeDrawer());
@@ -56,6 +60,8 @@ export const NavBar = (): JSX.Element => {
 
   const apiDocsUrl = constant ? constant.apiDocsUrl : '';
 
+  const oldUrl = `old_index.xhtml?id=${projectId}`;
+
   return (
     <div className="flex min-h-full w-[88px] flex-col items-center justify-between overflow-y-auto bg-cultured py-8">
       <div data-testid="nav-buttons">
@@ -87,6 +93,11 @@ export const NavBar = (): JSX.Element => {
             {version}
           </a>
         </span>
+        <span className="text-center text-[8px] leading-4">
+          <a href={oldUrl} target="_old_interface">
+            Old interface
+          </a>
+        </span>
       </div>
     </div>
   );