diff --git a/src/pages/IndexPage/Index.tsx b/src/pages/IndexPage/Index.tsx
index 28bdaa9..68cdad0 100644
--- a/src/pages/IndexPage/Index.tsx
+++ b/src/pages/IndexPage/Index.tsx
@@ -11,6 +11,7 @@ import './Index.sass'
 
 let assessorsNameList: string[]
 let registeredNameList: string[]
+let headName: string
 
 export default () => {
   const getAssessors = async () => {
@@ -26,6 +27,12 @@ export default () => {
     sessionStorage.setItem('registered', JSON.stringify([...registeredNameList]))
   }
 
+  const getHead = async () => {
+    const head = await getApi('get-headname')
+    headName = head
+    sessionStorage.setItem('head', headName)
+  }
+
   const clearCache = async () => {
     caches.keys()
   }
@@ -34,6 +41,7 @@ export default () => {
     await clearCache()
     await getAssessors()
     await getRegistered()
+    await getHead()
   })
 
   return (
diff --git a/src/pages/LoginPage/Login.tsx b/src/pages/LoginPage/Login.tsx
index a2da05e..26c7eb3 100644
--- a/src/pages/LoginPage/Login.tsx
+++ b/src/pages/LoginPage/Login.tsx
@@ -8,7 +8,7 @@ import { checkConnection, getApi, securePassword } from '../../utils/functions'
 import './Login.sass'
 
 export default () => {
-  const APPROVERNAME = import.meta.env.VITE_HEAD
+  const APPROVERNAME = sessionStorage.getItem('head')
   const navigate = useNavigate()
   const assessors = JSON.parse(sessionStorage.getItem('registered')!)
   const roles = ['Assessor', 'Approver']