diff --git a/src/client/pages/Login.tsx b/src/client/pages/Login.tsx
index 3bd8f2e..61f046a 100644
--- a/src/client/pages/Login.tsx
+++ b/src/client/pages/Login.tsx
@@ -26,7 +26,12 @@ export const Login: React.FC = React.memo(() => {
   return (
     <div className="w-full h-full flex justify-center items-center">
       <div className="w-80 -translate-y-1/4">
-        <Typography.Title level={2}>Tianji</Typography.Title>
+        <div className="text-center">
+          <img className="w-24 h-24" src="/icon.svg" />
+        </div>
+        <Typography.Title className="text-center" level={2}>
+          Tianji
+        </Typography.Title>
         <Form layout="vertical" disabled={loading} onFinish={handleLogin}>
           <Form.Item
             label="Username"
diff --git a/src/client/pages/Register.tsx b/src/client/pages/Register.tsx
index 8eb967e..1490075 100644
--- a/src/client/pages/Register.tsx
+++ b/src/client/pages/Register.tsx
@@ -25,7 +25,12 @@ export const Register: React.FC = React.memo(() => {
   return (
     <div className="w-full h-full flex justify-center items-center">
       <div className="w-80 -translate-y-1/4">
-        <Typography.Title level={2}>Register Account</Typography.Title>
+        <div className="text-center">
+          <img className="w-24 h-24" src="/icon.svg" />
+        </div>
+        <Typography.Title className="text-center" level={2}>
+          Register Account
+        </Typography.Title>
         <Form layout="vertical" disabled={loading} onFinish={handleRegister}>
           <Form.Item
             label="Username"