diff --git a/src/components/icon/web.tsx b/src/components/icon/web.tsx
index 9be4e7a6d..3faa0e4b2 100644
--- a/src/components/icon/web.tsx
+++ b/src/components/icon/web.tsx
@@ -24,7 +24,13 @@ export default function Render(
                 | '7x'
                 | '8x'
                 | '9x'
-                | '10x';
+                | '10x'
+                | 'xs'
+                | '2xs'
+                | 'sm'
+                | 'lg'
+                | 'xl'
+                | '2xl';
         },
         {}
     >
diff --git a/src/components/my/info/index.ts b/src/components/my/info/index.ts
index f11321b8d..a4bd5a35d 100644
--- a/src/components/my/info/index.ts
+++ b/src/components/my/info/index.ts
@@ -24,7 +24,7 @@ export default OakComponent({
         };
     },
     properties: {
-        hideLogout: Boolean,
+        showLogout: Boolean,
     },
     lifetimes: {
         attached() {
diff --git a/src/components/my/info/web.pc.module.less b/src/components/my/info/web.pc.module.less
index cd8a6ffbf..0bdfeb317 100644
--- a/src/components/my/info/web.pc.module.less
+++ b/src/components/my/info/web.pc.module.less
@@ -4,7 +4,6 @@
     display: flex;
     flex-direction: column;
     align-items: stretch;
-    min-height: 100vh;
     background-color: var(--oak-bg-color-container);
 
     .header {
diff --git a/src/components/my/info/web.pc.tsx b/src/components/my/info/web.pc.tsx
index fba7211ac..aaf60e3fa 100644
--- a/src/components/my/info/web.pc.tsx
+++ b/src/components/my/info/web.pc.tsx
@@ -24,13 +24,13 @@ const IdStateColor = {
     verified: SuccessColor,
 }
 export default function Render(props: WebComponentProps<EntityDict, 'token', false, {
-    nameText?: string; mobileText?: string; userId?: string; gender: string;
+    nameText?: string; mobileText?: string; userId?: string; gender: string; showLogout?: string;
     nickname?: string; name?: string; idState?: string; userState?: string;
 }, {
     logout: () => void;
     updateAttribute: (attr: string, value: any) => Promise<void>;
 }>) {
-    const { nameText, mobileText, userId, nickname, name, idState, userState, gender } = props.data;
+    const { nameText, mobileText, userId, nickname, name, idState, userState, gender, showLogout } = props.data;
     const { t, logout, navigateTo, updateAttribute } = props.methods;
 
     const [updateAttr, setUpdateAttr] = useState(undefined as string | undefined);
@@ -69,12 +69,14 @@ export default function Render(props: WebComponentProps<EntityDict, 'token', fal
             <div className={Styles.header}>
                 <MyAvatar size={66} iconColor="white" />
                 <div className={Styles.name}>{nameText || t('unset')}</div>
-                <Button
-                    size='small'
-                    onClick={() => logout()}
-                >
-                    {t('logout')}
-                </Button>
+                {
+                    showLogout && <Button
+                        size='small'
+                        onClick={() => logout()}
+                    >
+                        {t('logout')}
+                    </Button>
+                }
             </div>
             <div className={Styles.body}>
                 <List
diff --git a/src/components/my/info/web.tsx b/src/components/my/info/web.tsx
index 79e61ed69..2b402b0b6 100644
--- a/src/components/my/info/web.tsx
+++ b/src/components/my/info/web.tsx
@@ -27,12 +27,12 @@ const IdStateColor = {
 export default function Render(props: WebComponentProps<EntityDict, 'token', false, {
     nameText?: string; mobileText?: string; userId?: string; gender: string;
     nickname?: string; name?: string; idState?: string; userState?: string;
-    hideLogout?: boolean;
+    showLogout?: boolean;
 }, {
     logout: () => void;
     updateAttribute: (attr: string, value: any) => Promise<void>;
 }>) {
-    const { nameText, mobileText, userId, nickname, name, idState, userState, gender, hideLogout } = props.data;
+    const { nameText, mobileText, userId, nickname, name, idState, userState, gender, showLogout } = props.data;
     const { t, logout, navigateTo, updateAttribute } = props.methods;
 
     const [updateAttr, setUpdateAttr] = useState(undefined as string | undefined);
@@ -107,7 +107,7 @@ export default function Render(props: WebComponentProps<EntityDict, 'token', fal
                 </List>
             </div>
             {
-                !hideLogout && <>
+                showLogout && <>
                     <div style={{ flex: 1 }} />
                     <Button
                         block