diff --git a/components/AccountModal/index.tsx b/components/AccountModal/index.tsx
index 9868ed14..40321d96 100644
--- a/components/AccountModal/index.tsx
+++ b/components/AccountModal/index.tsx
@@ -17,11 +17,10 @@ import CrossIcon from '~public/icons/Cross.svg'
 import './index.scss'
 
 const AccountModal = () => {
-    const { t } = useTranslation('common')
-
     const { account } = useSnapshot(accountState)
 
     const router = useRouter()
+    const { t } = useTranslation('common')
     const locale = (router.locale && ['en', 'ja'].includes(router.locale)) ? router.locale : 'en'
 
     // Cookies