diff --git a/ui/artalk-sidebar/src/components/PreferenceItem.vue b/ui/artalk-sidebar/src/components/PreferenceItem.vue
index 16ef9d3e..8b001d52 100644
--- a/ui/artalk-sidebar/src/components/PreferenceItem.vue
+++ b/ui/artalk-sidebar/src/components/PreferenceItem.vue
@@ -73,7 +73,7 @@ function toggleSensitiveHidden() {
         />
         <div v-if="isSensitive" class="input-suffix">
           <div class="hidden-switch" @click="toggleSensitiveHidden()">
-            <i :class="['atk-icon', `atk-icon-eye-${sensitiveHidden ? 'on' : 'off'}`]" />
+            <i :class="['atk-icon', `atk-icon-eye-${sensitiveHidden ? 'off' : 'on'}`]" />
           </div>
         </div>
       </template>
diff --git a/ui/plugin-auth/UserProfileDialog.tsx b/ui/plugin-auth/UserProfileDialog.tsx
index 05c2a324..9cee2801 100644
--- a/ui/plugin-auth/UserProfileDialog.tsx
+++ b/ui/plugin-auth/UserProfileDialog.tsx
@@ -19,6 +19,7 @@ export const UserProfileDialog = (props: UserProfileDialogProps) => {
     if (!data.is_login) {
       ctx.get('user').logout()
       onClose()
+      throw new Error('No login')
     }
     return { ...data.user, token: '' }
   })
@@ -35,11 +36,9 @@ export const UserProfileDialog = (props: UserProfileDialogProps) => {
   const backHome = () => setPage(homePage)
 
   return (
-    <Show when={() => userInfo.loading} fallback={<>Loading...</>}>
-      <Dialog showBackBtn={showBackBtn} onBack={backHome} onClose={onClose} title={title}>
-        {() => pages[page()]()}
-      </Dialog>
-    </Show>
+    <Dialog showBackBtn={showBackBtn} onBack={backHome} onClose={onClose} title={title}>
+      {() => pages[page()]()}
+    </Dialog>
   )
 }
 
@@ -59,7 +58,7 @@ const UserBasicProfileForm = (
     code: '',
   })
 
-  const needVerify = () => fields.email !== user()?.email
+  const needVerify = () => !user.loading && fields.email !== user()?.email
 
   const submitHandler = (e: SubmitEvent) => {
     e.preventDefault()