diff --git a/src/layout/MainLayout/Header/index.js b/src/layout/MainLayout/Header/index.js
index 641b8e3..aaa1872 100644
--- a/src/layout/MainLayout/Header/index.js
+++ b/src/layout/MainLayout/Header/index.js
@@ -194,7 +194,7 @@ function Header(props) {
                 </Typography>
                 <KeyboardArrowDownIcon sx={{ fontSize: '1.0rem' }} />
               </Link>
-              <ul className='dropdown'>
+              <ul className='dropdown' style={{ width: "max-content" }}>
                 <li>
                   <Link className="manageOrgUser" to='setting/manageUser'>
                     <Typography style={{ opacity: 0.9 }} variant={"pnspsHeaderTitle"} sx={{ ml: 2 }}>
@@ -212,7 +212,7 @@ function Header(props) {
                   <FormattedMessage id="setting" />
                 </Typography>
               </Link>
-              <ul className='dropdown'>
+              <ul className='dropdown' style={{ width: "max-content" }}>
                 <li>
                   <Link className="manageUser" to={'/indUser/'+getUserId()}>
                     <Typography style={{ opacity: 0.9 }} variant={"pnspsHeaderTitle"} sx={{ ml: 2 }}>
@@ -229,7 +229,7 @@ function Header(props) {
                   <FormattedMessage id="setting" />
                 </Typography>
               </Link>
-              <ul className='dropdown'>
+              <ul className='dropdown' style={{ width: "max-content" }}>
                 <li>
                   <Link className="manageUser" to={'/orgUser/'+getUserId()}>
                     <Typography style={{ opacity: 0.9 }} variant={"pnspsHeaderTitle"} sx={{ ml: 2 }}>
@@ -279,7 +279,9 @@ function Header(props) {
         <Divider />
         <ul id="sidebarbottom">
           <li>
-            <Link className="logout" onClick={handleLogout}>登出</Link>
+            <Link className="logout" onClick={handleLogout}>
+              <FormattedMessage id="logout" />
+            </Link>
           </li>
         </ul>
       </Stack>
diff --git a/src/translations/en.json b/src/translations/en.json
index f1062f1..764e308 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -58,6 +58,8 @@
   "welcomeMsg": "Good afternoon! Please select the required service.",
 
   "login": "Login",
+  "logout": "Logout",
+
   "iAmSmartLogin": "iAM Smart Login",
   "continueWithIAmSmart": "Continue with iAmSmart",
   "authorizeIAmSmartForInfo": "Authorize iAmSmart to provide personal information",
diff --git a/src/translations/zh-CN.json b/src/translations/zh-CN.json
index ef3976d..c7ff027 100644
--- a/src/translations/zh-CN.json
+++ b/src/translations/zh-CN.json
@@ -58,6 +58,7 @@
   "welcomeMsg": "午安! 请选择所需服务。",
 
   "login": "登录",
+  "logout": "登出",
   "iAmSmartLogin": "智方便登录",
   "continueWithIAmSmart": "以「智方便」继续",
   "authorizeIAmSmartForInfo": "授权「智方便」提供个人资料",
diff --git a/src/translations/zh-HK.json b/src/translations/zh-HK.json
index 1a7698d..ec87245 100644
--- a/src/translations/zh-HK.json
+++ b/src/translations/zh-HK.json
@@ -58,6 +58,7 @@
   "welcomeMsg": "午安! 請選擇所需服務。",
 
   "login": "登入",
+  "logout": "登出",
   "iAmSmartLogin": "智方便登入",
   "continueWithIAmSmart": "以「智方便」繼續",
   "authorizeIAmSmartForInfo": "授權「智方便」提供個人資料",