diff --git a/src/client/components/NavBar/index.tsx b/src/client/components/NavBar/index.tsx
index 7af495f..6790795 100644
--- a/src/client/components/NavBar/index.tsx
+++ b/src/client/components/NavBar/index.tsx
@@ -17,7 +17,7 @@ import {
 import { Language, LoginOutlined, LogoutOutlined } from '@mui/icons-material'
 import { useTranslation } from 'react-i18next'
 
-import { HOST_NAME } from '../../../config'
+import { BASE_PATH } from '../../../config'
 import useCurrentUser from '../../hooks/useCurrentUser'
 import hyLogo from '../../assets/hy_logo.svg'
 import styles from './styles'
@@ -57,7 +57,7 @@ const NavBar = () => {
           <Box>
             {user ? (
               <Link
-                href={`${HOST_NAME}/api/logout`}
+                href={`${BASE_PATH}/api/logout`}
                 style={{ textDecoration: 'none' }}
               >
                 <Button>
@@ -66,7 +66,7 @@ const NavBar = () => {
               </Link>
             ) : (
               <Link
-                href={`${HOST_NAME}/api/oidc`}
+                href={`${BASE_PATH}/api/oidc`}
                 style={{ textDecoration: 'none' }}
               >
                 <Button>
diff --git a/src/config.ts b/src/config.ts
index 07cea78..00ffe27 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -7,5 +7,3 @@ export const inProduction = !inStaging && process.env.NODE_ENV === 'production'
 export const inE2EMode = process.env.E2E === 'true'
 
 export const BASE_PATH = process.env.BASE_PATH || ''
-
-export const HOST_NAME = process.env.HOST_NAME || 'http://localhost:3000'