diff --git a/src/images/Logo.tsx b/src/images/Logo.tsx
index a85f269..2dd724b 100755
--- a/src/images/Logo.tsx
+++ b/src/images/Logo.tsx
@@ -5,8 +5,8 @@ export type LogoProps = React.SVGProps<SVGSVGElement> & {
     onlyIcon?: boolean
 }
 
-export const Logo = memo<LogoProps>(({ size = 200, onlyIcon, ...props }) => (
-    <svg version={'1.1'} viewBox={`0 0 ${onlyIcon ? 180 : 896} 282`} fill={'#f3f6e8'} className={'logo'} height={'100%'} {...props}>
+export const Logo = memo<LogoProps>(({ size = 170, onlyIcon, ...props }) => (
+    <svg version={'1.1'} viewBox={`0 0 896 282`} fill={'#f3f6e8'} className={'logo'} style={{ width: size, height: 282/896*size, overflow: 'visible' }} {...props}>
         <g className={'logo-icon'}>
             <path fill={'#9e1937'} d={'m126 32.2h-92.5c-2.58 0-4.67-2.09-4.67-4.67s2.09-4.67 4.67-4.67h92.5c2.58 0 4.67 2.09 4.67 4.67s-2.09 4.67-4.67 4.67'} />
             <path d={'m30.5 274h98.3l-36.1-194h-26.2zm104 9.33h-110c-1.39 0-2.7-0.617-3.59-1.68-0.887-1.07-1.25-2.47-0.999-3.83l37.8-203c0.41-2.21 2.34-3.82 4.59-3.82h34c2.25 0 4.18 1.6 4.59 3.82l37.8 203c0.253 1.36-0.112 2.77-0.999 3.83-0.887 1.07-2.2 1.68-3.59 1.68'} />
diff --git a/src/styles/layout.less b/src/styles/layout.less
index 7cad243..4d5861f 100644
--- a/src/styles/layout.less
+++ b/src/styles/layout.less
@@ -55,12 +55,8 @@
 
             & .sider-toogle {
                 display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 100%;
-                // padding: 10px;
-                height: 100px !important;
-                color: @link-color;
+                padding: 0;
+                margin: 10px;
                 border: none;
                 outline: none;
                 background-color: transparent;