diff --git a/web/.prettierrc.mjs b/web/.prettierrc.mjs
index ecae84d..5140bc3 100644
--- a/web/.prettierrc.mjs
+++ b/web/.prettierrc.mjs
@@ -1 +1 @@
-module.exports = require("@so1ve/prettier-config");
+module.exports = require('@so1ve/prettier-config');
diff --git a/web/src/components/LinuxDoIcon.js b/web/src/components/LinuxDoIcon.js
index f6a0c98..905d2ef 100644
--- a/web/src/components/LinuxDoIcon.js
+++ b/web/src/components/LinuxDoIcon.js
@@ -9,8 +9,8 @@ const LinuxDoIcon = (props) => {
         viewBox='0 0 24 24'
         version='1.1'
         xmlns='http://www.w3.org/2000/svg'
-        width='16'
-        height='16'
+        width='1em'
+        height='1em'
         {...props}
       >
         <path
@@ -21,11 +21,7 @@ const LinuxDoIcon = (props) => {
     );
   }
 
-  return (
-    <div>
-      <Icon svg={<CustomIcon />} />
-    </div>
-  );
+  return <Icon svg={<CustomIcon />} />;
 };
 
 export default LinuxDoIcon;
diff --git a/web/src/components/LoginForm.js b/web/src/components/LoginForm.js
index 464022c..b1179e2 100644
--- a/web/src/components/LoginForm.js
+++ b/web/src/components/LoginForm.js
@@ -226,6 +226,7 @@ const LoginForm = () => {
                         <Button
                           type='primary'
                           icon={<IconGithubLogo />}
+                          style={{ margin: '0 5px' }}
                           onClick={() =>
                             onGitHubOAuthClicked(status.github_client_id)
                           }
@@ -237,7 +238,7 @@ const LoginForm = () => {
                         <Button
                           type='primary'
                           icon={<LinuxDoIcon />}
-                          style={{ color: '#000' }}
+                          style={{ color: '#000', margin: '0 5px' }}
                           onClick={() =>
                             onLinuxDoOAuthClicked(status.linuxdo_client_id)
                           }
@@ -248,7 +249,10 @@ const LoginForm = () => {
                       {status.wechat_login ? (
                         <Button
                           type='primary'
-                          style={{ color: 'rgba(var(--semi-green-5), 1)' }}
+                          style={{
+                            color: 'rgba(var(--semi-green-5), 1)',
+                            margin: '0 5px',
+                          }}
                           icon={<Icon svg={<WeChatIcon />} />}
                           onClick={onWeChatLoginClicked}
                         />
@@ -258,6 +262,8 @@ const LoginForm = () => {
 
                       {status.telegram_oauth ? (
                         <TelegramLoginButton
+                          className='semi-button semi-button-with-icon semi-button-with-icon-only'
+                          buttonSize='medium'
                           dataOnauth={onTelegramLoginClicked}
                           botName={status.telegram_bot_name}
                         />