diff --git a/packages/app/src/components/pages/TopMenuLayout/index.tsx b/packages/app/src/components/pages/TopMenuLayout/index.tsx
index e45f4cd905..c0c9c43f35 100644
--- a/packages/app/src/components/pages/TopMenuLayout/index.tsx
+++ b/packages/app/src/components/pages/TopMenuLayout/index.tsx
@@ -5,13 +5,14 @@ import { history, Link, request, useModel } from 'umi';
 import { UserOutlined, CodeOutlined } from '@ant-design/icons';
 import AvatarDropdown from '../AvatarDropdown';
 import Menu from '@/components/menu';
+import { ReactComponent as Logo } from './logo-white.svg';
 
 export function TopMenuLayout(props: any) {
   const { menu = [] } = props.page;
   return (
     <Layout style={{ height: '100vh' }}>
       <Layout.Header style={{height: 48, lineHeight: '48px', padding: 0}} className="nb-header">
-        <div className="logo" style={{width: 200, height: 20, float: 'left'}}><CodeOutlined /> NocoBase</div>
+        <div className="logo" style={{width: 200, height: 20, float: 'left'}}><Logo/></div>
         <Menu hideChildren={true} items={menu} className={'noco-top-menu'} style={{float: 'left'}} theme="dark" mode="horizontal">
         </Menu>
         <AvatarDropdown/>
diff --git a/packages/app/src/components/pages/TopMenuLayout/logo-blue.svg b/packages/app/src/components/pages/TopMenuLayout/logo-blue.svg
new file mode 100644
index 0000000000..80b9f1bbb7
--- /dev/null
+++ b/packages/app/src/components/pages/TopMenuLayout/logo-blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-5 -5 140 34.89820923375953" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  ><rect width="100%" height="100%" x="0" y="0" fill="#001529" ></rect><g transform="translate(25 15) scale(0.4)" id="horizontalCircleSvgTemplate"><g fill="#3B57FA"><g transform="translate(-45.562659846547305 -19.948849104859338) scale(1.4607234198027037)" id="logomark"><g fill="#3B57FA"><g transform="translate(-17.5 -17.5) scale(0.3431372549019608)" id="container"><g fill="#3B57FA"><circle vector-effect="non-scaling-stroke" cx="51" cy="51" r="50"></circle></g></g><g transform="translate(-10.2 -11.56964743423462) scale(0.19999999999999998)" id="icon"><g fill="#FFF6EE"><g><g></g><g></g><g></g><g></g><g></g><g><path d="M0 44.172zM.45 43.381c-.092.055-.15.143-.217.221.068-.084.133-.172.23-.227l-.013.006z"></path><path d="M99.876 55.369c-.025-.045-.076-.072-.109-.111-.066-.078-.125-.168-.217-.221l-.014-.008-.001-.002h-.001L80.368 43.648v-24.67a.92.92 0 0 0-.124-.459c-.026-.045-.075-.072-.108-.111-.066-.08-.126-.168-.218-.221l-.014-.008-.001-.002h-.002L60.286 6.531a.92.92 0 0 0-.94 0L20.099 29.834h-.002l-.001.002-.014.006c-.092.055-.151.143-.218.221-.033.041-.082.068-.108.113a.907.907 0 0 0-.124.457v1.361L.466 43.373H.465l-.001.002c-.098.055-.162.143-.23.227-.034.041-.084.068-.109.113a.898.898 0 0 0-.125.457v25.195c0 .324.171.625.45.791l39.264 23.311c.002.002.006 0 .008.002l.007.008a.924.924 0 0 0 .911 0c.003-.002.004-.006.008-.008.001-.002.005 0 .007-.002l19.161-11.377 19.162 11.377c.002.002.006 0 .008.002.004.002.004.006.007.008a.924.924 0 0 0 .911 0c.003-.002.004-.006.008-.008.002-.002.005 0 .007-.002L99.55 81.812a.916.916 0 0 0 .45-.791V55.828a.92.92 0 0 0-.124-.459zM41.104 65.867V42.812l37.424-22.219v23.055L41.104 65.867zM59.815 8.391l17.83 10.588L59.82 29.561 40.185 41.219l-17.83-10.586 37.46-22.242zM39.264 42.812V65.866L21.472 55.305V32.248l17.792 10.564z"></path></g></g></g></g></g></g><g transform="translate(-3.7442455242966743 -7.105427357601002e-15) scale(0.8525149190110825)" fill="#3B57FA"><g id="line1" fill="#3B57FA"><path d="M49.176-47.520L36.288-47.520L36.288-26.928L36.576-17.496L36.504-17.496L33.408-23.976L20.448-47.520L4.392-47.520L4.392 0L17.208 0L17.208-20.592L16.920-30.024L17.064-30.024L20.088-23.544L33.048 0L49.176 0Z"></path><path d="M73.181-36.720C60.797-36.720 53.597-29.808 53.597-18.000C53.597-6.192 60.797 0.720 73.181 0.720C85.565 0.720 92.765-6.192 92.765-18.000C92.765-29.808 85.565-36.720 73.181-36.720ZM73.181-26.712C76.781-26.712 78.149-24.552 78.149-18.000C78.149-11.448 76.781-9.288 73.181-9.288C69.581-9.288 68.213-11.448 68.213-18.000C68.213-24.552 69.581-26.712 73.181-26.712Z"></path><path d="M114.394-36.720C102.082-36.720 94.954-29.880 94.954-18.000C94.954-6.120 101.938 0.720 115.114 0.720C126.058 0.720 132.178-4.320 132.610-10.440L119.578-14.544C119.146-11.160 117.778-9.288 115.042-9.288C111.730-9.288 109.570-11.160 109.570-17.856C109.570-24.264 111.370-26.712 115.114-26.712C117.634-26.712 119.074-24.840 119.218-20.880L132.682-24.984C132.034-30.816 127.642-36.720 114.394-36.720Z"></path><path d="M154.022-36.720C141.638-36.720 134.438-29.808 134.438-18.000C134.438-6.192 141.638 0.720 154.022 0.720C166.406 0.720 173.606-6.192 173.606-18.000C173.606-29.808 166.406-36.720 154.022-36.720ZM154.022-26.712C157.622-26.712 158.990-24.552 158.990-18.000C158.990-11.448 157.622-9.288 154.022-9.288C150.422-9.288 149.054-11.448 149.054-18.000C149.054-24.552 150.422-26.712 154.022-26.712Z"></path></g></g><g transform="translate(145.94987212276217 -7.105427357601002e-15) scale(0.8525149190110826)" fill="#3B57FA"><g id="line2" fill="#3B57FA"><path d="M7.272 0L23.976 0C34.632 0 40.248-4.392 40.248-12.456C40.248-18.864 36.360-23.040 29.736-23.976L29.736-24.048C35.856-25.344 38.952-29.376 38.952-35.280C38.952-43.200 33.984-47.520 24.048-47.520L7.272-47.520ZM9.432-24.984L9.432-45.576L24.048-45.576C32.400-45.576 36.720-42.048 36.720-35.208C36.720-28.368 32.400-24.984 24.048-24.984ZM9.432-1.944L9.432-22.968L24.336-22.968C33.408-22.968 38.016-19.440 38.016-12.456C38.016-5.616 33.408-1.944 24.336-1.944Z"></path><path d="M77.501-1.152C75.269-1.152 73.829-2.592 73.829-5.760L73.829-24.912C73.829-32.688 69.077-36.720 60.869-36.720C53.741-36.720 49.061-33.768 46.901-27.936L48.557-26.712C50.717-32.400 54.749-34.848 60.869-34.848C67.853-34.848 71.669-31.032 71.669-24.768L71.669-20.808L59.645-18.648C50.285-16.920 46.181-13.680 46.181-8.064C46.181-2.448 50.645 0.720 57.629 0.720C63.245 0.720 69.509-1.584 71.669-6.192C71.669-0.504 74.549 0.720 77.213 0.720C78.509 0.720 79.445 0.504 80.165 0.072L80.309-1.728C79.589-1.296 78.581-1.152 77.501-1.152ZM57.989-1.152C52.013-1.152 48.413-3.744 48.413-8.064C48.413-12.528 51.797-15.336 60.581-16.992L71.669-19.008L71.669-11.160C71.669-4.248 63.677-1.152 57.989-1.152Z"></path><path d="M96.538 0.720C105.178 0.720 110.650-3.096 110.650-9.144C110.650-14.400 107.266-17.136 97.474-18.792C88.402-20.304 85.450-22.680 85.450-27.072C85.450-31.392 90.202-34.848 96.754-34.848C103.090-34.848 107.122-32.400 108.418-26.712L110.290-27.792C108.778-33.984 104.170-36.720 96.754-36.720C88.834-36.720 83.290-32.328 83.290-26.712C83.290-21.312 86.746-18.576 96.826-16.848C105.682-15.336 108.490-13.032 108.490-9.072C108.490-4.320 104.098-1.152 96.826-1.152C89.986-1.152 84.946-3.816 83.578-9.000L81.706-7.848C83.434-2.160 89.266 0.720 96.538 0.720Z"></path><path d="M147.902-18.216C147.902-29.520 142.214-36.720 132.494-36.720C122.270-36.720 116.150-29.736 116.150-18.000C116.150-6.264 122.414 0.720 132.854 0.720C139.694 0.720 144.950-2.448 147.542-7.704L145.742-8.640C143.582-3.960 138.758-1.152 132.854-1.152C123.998-1.152 118.670-7.056 118.310-16.920L147.830-16.920C147.830-17.208 147.902-17.712 147.902-18.216ZM132.494-34.848C140.918-34.848 145.598-28.800 145.886-18.864L118.310-18.864C118.598-28.872 123.782-34.848 132.494-34.848Z"></path></g></g></g></g></svg>
\ No newline at end of file
diff --git a/packages/app/src/components/pages/TopMenuLayout/logo-white.svg b/packages/app/src/components/pages/TopMenuLayout/logo-white.svg
new file mode 100644
index 0000000000..44fab54585
--- /dev/null
+++ b/packages/app/src/components/pages/TopMenuLayout/logo-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 14.898209233759532" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  ><g transform="translate(20.726323101093175 13.262312822148619) scale(0.2914056933666822)" id="horizontalCircleSvgTemplate"><g fill="#FFFFFF"><g transform="translate(-45.562659846547305 -19.948849104859338) scale(1.4607234198027037)" id="logomark"><g fill="#FFFFFF"><g transform="translate(-17.5 -17.5) scale(0.3431372549019608)" id="container"><g fill="#FFFFFF"><circle vector-effect="non-scaling-stroke" cx="51" cy="51" r="50"></circle></g></g><g transform="translate(-10.2 -11.56964743423462) scale(0.19999999999999998)" id="icon"><g fill="#000000"><g><g></g><g></g><g></g><g></g><g></g><g><path d="M0 44.172zM.45 43.381c-.092.055-.15.143-.217.221.068-.084.133-.172.23-.227l-.013.006z"></path><path d="M99.876 55.369c-.025-.045-.076-.072-.109-.111-.066-.078-.125-.168-.217-.221l-.014-.008-.001-.002h-.001L80.368 43.648v-24.67a.92.92 0 0 0-.124-.459c-.026-.045-.075-.072-.108-.111-.066-.08-.126-.168-.218-.221l-.014-.008-.001-.002h-.002L60.286 6.531a.92.92 0 0 0-.94 0L20.099 29.834h-.002l-.001.002-.014.006c-.092.055-.151.143-.218.221-.033.041-.082.068-.108.113a.907.907 0 0 0-.124.457v1.361L.466 43.373H.465l-.001.002c-.098.055-.162.143-.23.227-.034.041-.084.068-.109.113a.898.898 0 0 0-.125.457v25.195c0 .324.171.625.45.791l39.264 23.311c.002.002.006 0 .008.002l.007.008a.924.924 0 0 0 .911 0c.003-.002.004-.006.008-.008.001-.002.005 0 .007-.002l19.161-11.377 19.162 11.377c.002.002.006 0 .008.002.004.002.004.006.007.008a.924.924 0 0 0 .911 0c.003-.002.004-.006.008-.008.002-.002.005 0 .007-.002L99.55 81.812a.916.916 0 0 0 .45-.791V55.828a.92.92 0 0 0-.124-.459zM41.104 65.867V42.812l37.424-22.219v23.055L41.104 65.867zM59.815 8.391l17.83 10.588L59.82 29.561 40.185 41.219l-17.83-10.586 37.46-22.242zM39.264 42.812V65.866L21.472 55.305V32.248l17.792 10.564z"></path></g></g></g></g></g></g><g transform="translate(-3.7442455242966743 -7.105427357601002e-15) scale(0.8525149190110825)" fill="#FFFFFF"><g id="line1" fill="#FFFFFF"><path d="M49.176-47.520L36.288-47.520L36.288-26.928L36.576-17.496L36.504-17.496L33.408-23.976L20.448-47.520L4.392-47.520L4.392 0L17.208 0L17.208-20.592L16.920-30.024L17.064-30.024L20.088-23.544L33.048 0L49.176 0Z"></path><path d="M73.181-36.720C60.797-36.720 53.597-29.808 53.597-18.000C53.597-6.192 60.797 0.720 73.181 0.720C85.565 0.720 92.765-6.192 92.765-18.000C92.765-29.808 85.565-36.720 73.181-36.720ZM73.181-26.712C76.781-26.712 78.149-24.552 78.149-18.000C78.149-11.448 76.781-9.288 73.181-9.288C69.581-9.288 68.213-11.448 68.213-18.000C68.213-24.552 69.581-26.712 73.181-26.712Z"></path><path d="M114.394-36.720C102.082-36.720 94.954-29.880 94.954-18.000C94.954-6.120 101.938 0.720 115.114 0.720C126.058 0.720 132.178-4.320 132.610-10.440L119.578-14.544C119.146-11.160 117.778-9.288 115.042-9.288C111.730-9.288 109.570-11.160 109.570-17.856C109.570-24.264 111.370-26.712 115.114-26.712C117.634-26.712 119.074-24.840 119.218-20.880L132.682-24.984C132.034-30.816 127.642-36.720 114.394-36.720Z"></path><path d="M154.022-36.720C141.638-36.720 134.438-29.808 134.438-18.000C134.438-6.192 141.638 0.720 154.022 0.720C166.406 0.720 173.606-6.192 173.606-18.000C173.606-29.808 166.406-36.720 154.022-36.720ZM154.022-26.712C157.622-26.712 158.990-24.552 158.990-18.000C158.990-11.448 157.622-9.288 154.022-9.288C150.422-9.288 149.054-11.448 149.054-18.000C149.054-24.552 150.422-26.712 154.022-26.712Z"></path></g></g><g transform="translate(145.94987212276217 -7.105427357601002e-15) scale(0.8525149190110826)" fill="#FFFFFF"><g id="line2" fill="#FFFFFF"><path d="M7.272 0L23.976 0C34.632 0 40.248-4.392 40.248-12.456C40.248-18.864 36.360-23.040 29.736-23.976L29.736-24.048C35.856-25.344 38.952-29.376 38.952-35.280C38.952-43.200 33.984-47.520 24.048-47.520L7.272-47.520ZM9.432-24.984L9.432-45.576L24.048-45.576C32.400-45.576 36.720-42.048 36.720-35.208C36.720-28.368 32.400-24.984 24.048-24.984ZM9.432-1.944L9.432-22.968L24.336-22.968C33.408-22.968 38.016-19.440 38.016-12.456C38.016-5.616 33.408-1.944 24.336-1.944Z"></path><path d="M77.501-1.152C75.269-1.152 73.829-2.592 73.829-5.760L73.829-24.912C73.829-32.688 69.077-36.720 60.869-36.720C53.741-36.720 49.061-33.768 46.901-27.936L48.557-26.712C50.717-32.400 54.749-34.848 60.869-34.848C67.853-34.848 71.669-31.032 71.669-24.768L71.669-20.808L59.645-18.648C50.285-16.920 46.181-13.680 46.181-8.064C46.181-2.448 50.645 0.720 57.629 0.720C63.245 0.720 69.509-1.584 71.669-6.192C71.669-0.504 74.549 0.720 77.213 0.720C78.509 0.720 79.445 0.504 80.165 0.072L80.309-1.728C79.589-1.296 78.581-1.152 77.501-1.152ZM57.989-1.152C52.013-1.152 48.413-3.744 48.413-8.064C48.413-12.528 51.797-15.336 60.581-16.992L71.669-19.008L71.669-11.160C71.669-4.248 63.677-1.152 57.989-1.152Z"></path><path d="M96.538 0.720C105.178 0.720 110.650-3.096 110.650-9.144C110.650-14.400 107.266-17.136 97.474-18.792C88.402-20.304 85.450-22.680 85.450-27.072C85.450-31.392 90.202-34.848 96.754-34.848C103.090-34.848 107.122-32.400 108.418-26.712L110.290-27.792C108.778-33.984 104.170-36.720 96.754-36.720C88.834-36.720 83.290-32.328 83.290-26.712C83.290-21.312 86.746-18.576 96.826-16.848C105.682-15.336 108.490-13.032 108.490-9.072C108.490-4.320 104.098-1.152 96.826-1.152C89.986-1.152 84.946-3.816 83.578-9.000L81.706-7.848C83.434-2.160 89.266 0.720 96.538 0.720Z"></path><path d="M147.902-18.216C147.902-29.520 142.214-36.720 132.494-36.720C122.270-36.720 116.150-29.736 116.150-18.000C116.150-6.264 122.414 0.720 132.854 0.720C139.694 0.720 144.950-2.448 147.542-7.704L145.742-8.640C143.582-3.960 138.758-1.152 132.854-1.152C123.998-1.152 118.670-7.056 118.310-16.920L147.830-16.920C147.830-17.208 147.902-17.712 147.902-18.216ZM132.494-34.848C140.918-34.848 145.598-28.800 145.886-18.864L118.310-18.864C118.598-28.872 123.782-34.848 132.494-34.848Z"></path></g></g></g></g></svg>
\ No newline at end of file
diff --git a/packages/app/src/components/pages/TopMenuLayout/logo.svg b/packages/app/src/components/pages/TopMenuLayout/logo.svg
new file mode 100644
index 0000000000..1aa836ce40
--- /dev/null
+++ b/packages/app/src/components/pages/TopMenuLayout/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 14.898209233759532" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  ><g transform="translate(20.726323101093175 13.262312822148619) scale(0.2914056933666822)" id="horizontalCircleSvgTemplate"><g fill="rgba(255, 255, 255, 0.9)"><g transform="translate(-45.562659846547305 -19.948849104859338) scale(1.4607234198027037)" id="logomark"><g fill="rgba(255, 255, 255, 0.9)"><g transform="translate(-17.5 -17.5) scale(0.3431372549019608)" id="container"><g fill="rgba(255, 255, 255, 0.9)"><circle vector-effect="non-scaling-stroke" cx="51" cy="51" r="50"></circle></g></g><g transform="translate(-10.2 -11.56964743423462) scale(0.19999999999999998)" id="icon"><g fill="#3B57FA"><g><g></g><g></g><g></g><g></g><g></g><g><path d="M0 44.172zM.45 43.381c-.092.055-.15.143-.217.221.068-.084.133-.172.23-.227l-.013.006z"></path><path d="M99.876 55.369c-.025-.045-.076-.072-.109-.111-.066-.078-.125-.168-.217-.221l-.014-.008-.001-.002h-.001L80.368 43.648v-24.67a.92.92 0 0 0-.124-.459c-.026-.045-.075-.072-.108-.111-.066-.08-.126-.168-.218-.221l-.014-.008-.001-.002h-.002L60.286 6.531a.92.92 0 0 0-.94 0L20.099 29.834h-.002l-.001.002-.014.006c-.092.055-.151.143-.218.221-.033.041-.082.068-.108.113a.907.907 0 0 0-.124.457v1.361L.466 43.373H.465l-.001.002c-.098.055-.162.143-.23.227-.034.041-.084.068-.109.113a.898.898 0 0 0-.125.457v25.195c0 .324.171.625.45.791l39.264 23.311c.002.002.006 0 .008.002l.007.008a.924.924 0 0 0 .911 0c.003-.002.004-.006.008-.008.001-.002.005 0 .007-.002l19.161-11.377 19.162 11.377c.002.002.006 0 .008.002.004.002.004.006.007.008a.924.924 0 0 0 .911 0c.003-.002.004-.006.008-.008.002-.002.005 0 .007-.002L99.55 81.812a.916.916 0 0 0 .45-.791V55.828a.92.92 0 0 0-.124-.459zM41.104 65.867V42.812l37.424-22.219v23.055L41.104 65.867zM59.815 8.391l17.83 10.588L59.82 29.561 40.185 41.219l-17.83-10.586 37.46-22.242zM39.264 42.812V65.866L21.472 55.305V32.248l17.792 10.564z"></path></g></g></g></g></g></g><g transform="translate(-3.7442455242966743 -7.105427357601002e-15) scale(0.8525149190110825)" fill="rgba(255, 255, 255, 0.9)"><g id="line1" fill="rgba(255, 255, 255, 0.9)"><path d="M49.176-47.520L36.288-47.520L36.288-26.928L36.576-17.496L36.504-17.496L33.408-23.976L20.448-47.520L4.392-47.520L4.392 0L17.208 0L17.208-20.592L16.920-30.024L17.064-30.024L20.088-23.544L33.048 0L49.176 0Z"></path><path d="M73.181-36.720C60.797-36.720 53.597-29.808 53.597-18.000C53.597-6.192 60.797 0.720 73.181 0.720C85.565 0.720 92.765-6.192 92.765-18.000C92.765-29.808 85.565-36.720 73.181-36.720ZM73.181-26.712C76.781-26.712 78.149-24.552 78.149-18.000C78.149-11.448 76.781-9.288 73.181-9.288C69.581-9.288 68.213-11.448 68.213-18.000C68.213-24.552 69.581-26.712 73.181-26.712Z"></path><path d="M114.394-36.720C102.082-36.720 94.954-29.880 94.954-18.000C94.954-6.120 101.938 0.720 115.114 0.720C126.058 0.720 132.178-4.320 132.610-10.440L119.578-14.544C119.146-11.160 117.778-9.288 115.042-9.288C111.730-9.288 109.570-11.160 109.570-17.856C109.570-24.264 111.370-26.712 115.114-26.712C117.634-26.712 119.074-24.840 119.218-20.880L132.682-24.984C132.034-30.816 127.642-36.720 114.394-36.720Z"></path><path d="M154.022-36.720C141.638-36.720 134.438-29.808 134.438-18.000C134.438-6.192 141.638 0.720 154.022 0.720C166.406 0.720 173.606-6.192 173.606-18.000C173.606-29.808 166.406-36.720 154.022-36.720ZM154.022-26.712C157.622-26.712 158.990-24.552 158.990-18.000C158.990-11.448 157.622-9.288 154.022-9.288C150.422-9.288 149.054-11.448 149.054-18.000C149.054-24.552 150.422-26.712 154.022-26.712Z"></path></g></g><g transform="translate(145.94987212276217 -7.105427357601002e-15) scale(0.8525149190110826)" fill="rgba(255, 255, 255, 0.9)"><g id="line2" fill="rgba(255, 255, 255, 0.9)"><path d="M7.272 0L23.976 0C34.632 0 40.248-4.392 40.248-12.456C40.248-18.864 36.360-23.040 29.736-23.976L29.736-24.048C35.856-25.344 38.952-29.376 38.952-35.280C38.952-43.200 33.984-47.520 24.048-47.520L7.272-47.520ZM9.432-24.984L9.432-45.576L24.048-45.576C32.400-45.576 36.720-42.048 36.720-35.208C36.720-28.368 32.400-24.984 24.048-24.984ZM9.432-1.944L9.432-22.968L24.336-22.968C33.408-22.968 38.016-19.440 38.016-12.456C38.016-5.616 33.408-1.944 24.336-1.944Z"></path><path d="M77.501-1.152C75.269-1.152 73.829-2.592 73.829-5.760L73.829-24.912C73.829-32.688 69.077-36.720 60.869-36.720C53.741-36.720 49.061-33.768 46.901-27.936L48.557-26.712C50.717-32.400 54.749-34.848 60.869-34.848C67.853-34.848 71.669-31.032 71.669-24.768L71.669-20.808L59.645-18.648C50.285-16.920 46.181-13.680 46.181-8.064C46.181-2.448 50.645 0.720 57.629 0.720C63.245 0.720 69.509-1.584 71.669-6.192C71.669-0.504 74.549 0.720 77.213 0.720C78.509 0.720 79.445 0.504 80.165 0.072L80.309-1.728C79.589-1.296 78.581-1.152 77.501-1.152ZM57.989-1.152C52.013-1.152 48.413-3.744 48.413-8.064C48.413-12.528 51.797-15.336 60.581-16.992L71.669-19.008L71.669-11.160C71.669-4.248 63.677-1.152 57.989-1.152Z"></path><path d="M96.538 0.720C105.178 0.720 110.650-3.096 110.650-9.144C110.650-14.400 107.266-17.136 97.474-18.792C88.402-20.304 85.450-22.680 85.450-27.072C85.450-31.392 90.202-34.848 96.754-34.848C103.090-34.848 107.122-32.400 108.418-26.712L110.290-27.792C108.778-33.984 104.170-36.720 96.754-36.720C88.834-36.720 83.290-32.328 83.290-26.712C83.290-21.312 86.746-18.576 96.826-16.848C105.682-15.336 108.490-13.032 108.490-9.072C108.490-4.320 104.098-1.152 96.826-1.152C89.986-1.152 84.946-3.816 83.578-9.000L81.706-7.848C83.434-2.160 89.266 0.720 96.538 0.720Z"></path><path d="M147.902-18.216C147.902-29.520 142.214-36.720 132.494-36.720C122.270-36.720 116.150-29.736 116.150-18.000C116.150-6.264 122.414 0.720 132.854 0.720C139.694 0.720 144.950-2.448 147.542-7.704L145.742-8.640C143.582-3.960 138.758-1.152 132.854-1.152C123.998-1.152 118.670-7.056 118.310-16.920L147.830-16.920C147.830-17.208 147.902-17.712 147.902-18.216ZM132.494-34.848C140.918-34.848 145.598-28.800 145.886-18.864L118.310-18.864C118.598-28.872 123.782-34.848 132.494-34.848Z"></path></g></g></g></g></svg>
\ No newline at end of file
diff --git a/packages/app/src/components/pages/TopMenuLayout/style.less b/packages/app/src/components/pages/TopMenuLayout/style.less
index 17422c2764..99503d94ba 100644
--- a/packages/app/src/components/pages/TopMenuLayout/style.less
+++ b/packages/app/src/components/pages/TopMenuLayout/style.less
@@ -1,10 +1,10 @@
 .logo {
   // font-family: 'Michroma', sans-serif;
   color: rgba(255, 255, 255, 0.8);
-  padding-left: 28px;
   font-size: 18px;
   letter-spacing: 2px;
   font-weight: 300;
+  padding: 6px 20px 0 20px;
 }
 
 body {