diff --git a/src/assets/highlights_travel_300_300_250613.png b/src/assets/highlights_travel_300_300_250613.png
deleted file mode 100644
index 73b1590..0000000
Binary files a/src/assets/highlights_travel_300_300_250613.png and /dev/null differ
diff --git a/src/assets/highlights_travel_600_550.png b/src/assets/highlights_travel_600_550.png
new file mode 100644
index 0000000..10fb454
Binary files /dev/null and b/src/assets/highlights_travel_600_550.png differ
diff --git a/src/assets/logo-gh.png b/src/assets/logo-gh.png
deleted file mode 100644
index 3bd48d3..0000000
Binary files a/src/assets/logo-gh.png and /dev/null differ
diff --git a/src/views/App.jsx b/src/views/App.jsx
index 5d804e9..63d27fb 100644
--- a/src/views/App.jsx
+++ b/src/views/App.jsx
@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react'
 import { Layout, Menu, ConfigProvider, theme, Dropdown, message, FloatButton, Space, Row, Col, Badge, App as AntApp } from 'antd'
 import { DownOutlined } from '@ant-design/icons'
 import 'antd/dist/reset.css'
-import AppLogo from '@/assets/highlights_travel_300_300_250613.png'
+import AppLogo from '@/assets/highlights_travel_600_550.png'
 import { isEmpty } from '@/utils/commons'
 import { useTranslation } from 'react-i18next'
 import zhLocale from 'antd/locale/zh_CN'
@@ -103,7 +103,7 @@ function App() {
 						<Row gutter={{ md: 24 }} justify='end' align='middle'>
 							<Col span={15}>
 								<NavLink to='/'>
-                <img src={AppLogo} className='float-left h-9 my-4 mr-6 ml-0' alt='App logo' />
+                <img src={AppLogo} className='float-left h-12 my-2 mr-6 ml-0' alt='App logo' />
 								</NavLink>
 								<Menu
 									theme='dark'
diff --git a/src/views/Login.jsx b/src/views/Login.jsx
index cad062c..c8eb670 100644
--- a/src/views/Login.jsx
+++ b/src/views/Login.jsx
@@ -1,6 +1,6 @@
 import { useNavigate } from 'react-router-dom'
 import { useEffect } from 'react'
-import { Button, Form, Input, Row, Radio, App } from 'antd'
+import { Button, Form, Input, Row, Radio, App, Typography } from 'antd'
 import { useTranslation } from 'react-i18next'
 import useAuthStore from '@/stores/Auth'
 import { appendRequestParams } from '@/utils/request'
@@ -46,6 +46,8 @@ function Login() {
   }
 
   return (
+    <>
+						<Typography.Title className="text-center" level={3}>Global Highlights Hub</Typography.Title>
     <Row justify='center' align='middle' className='min-h-96'>
       <Form
         name='login'
@@ -103,6 +105,7 @@ function Login() {
         </Form.Item>
       </Form>
     </Row>
+    </>
   )
 }
 
diff --git a/src/views/Standlone.jsx b/src/views/Standlone.jsx
index fe3848d..142824e 100644
--- a/src/views/Standlone.jsx
+++ b/src/views/Standlone.jsx
@@ -1,7 +1,7 @@
 import { Outlet } from "react-router-dom";
 import { Layout, ConfigProvider, theme, Row, Col, App as AntApp } from "antd";
 import "antd/dist/reset.css";
-import AppLogo from "@/assets/logo-gh.png";
+import AppLogo from "@/assets/highlights_travel_600_550.png";
 import { useThemeContext } from "@/stores/ThemeContext";
 import { BUILD_VERSION } from "@/config";
 
@@ -20,9 +20,8 @@ function Standlone() {
 			}}>
 			<AntApp>
 				<Layout className="min-h-screen">
-					<Header className="sticky top-0 z-10 w-full">
-						<img src={AppLogo} className="float-left h-9 my-4 mr-6 ml-0 bg-white/30" alt="App logo" />
-						<p className="text-white text-center">Global Highlights Hub</p>
+					<Header className="sticky top-0 z-10 w-full text-center">
+						<img src={AppLogo} className="h-12 my-2 mr-6 ml-0" alt="App logo" />
 					</Header>
 					<Content className="p-6 m-0 min-h-72 bg-white">
 						<Outlet />