diff --git a/packages/napcat-webui-backend/src/helper/PasskeyHelper.ts b/packages/napcat-webui-backend/src/helper/PasskeyHelper.ts
index cdf4660c..36223ade 100644
--- a/packages/napcat-webui-backend/src/helper/PasskeyHelper.ts
+++ b/packages/napcat-webui-backend/src/helper/PasskeyHelper.ts
@@ -37,7 +37,7 @@ export class PasskeyHelper {
       } catch {
         await fs.writeFile(passkeyFile, JSON.stringify({}, null, 2));
       }
-    } catch (error) {
+    } catch (_error) {
       // Directory or file already exists or other error
     }
   }
@@ -49,7 +49,8 @@ export class PasskeyHelper {
       const data = await fs.readFile(passkeyFile, 'utf-8');
       const passkeys = JSON.parse(data);
       return typeof passkeys === 'object' && passkeys !== null ? passkeys : {};
-    } catch (error) {
+    } catch (_error) {
+      console.error('Failed to read passkey file:', _error);
       return {};
     }
   }
@@ -82,8 +83,8 @@ export class PasskeyHelper {
     const options = await generateRegistrationOptions({
       rpName: RP_NAME,
       rpID: rpId,
-      userID: new TextEncoder().encode(userId),
-      userName: userName,
+      userID: new TextEncoder().encode(userId) as Uint8Array<ArrayBuffer>,
+      userName,
       attestationType: 'none',
       excludeCredentials: userPasskeys.map(passkey => ({
         id: passkey.id,
@@ -203,4 +204,4 @@ export class PasskeyHelper {
     const userPasskeys = await this.getUserPasskeys(userId);
     return userPasskeys.length > 0;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/napcat-webui-frontend/src/components/display_card/container.tsx b/packages/napcat-webui-frontend/src/components/display_card/container.tsx
index e3a1fd0d..790d09b9 100644
--- a/packages/napcat-webui-frontend/src/components/display_card/container.tsx
+++ b/packages/napcat-webui-frontend/src/components/display_card/container.tsx
@@ -3,7 +3,6 @@ import { useLocalStorage } from '@uidotdev/usehooks';
 import clsx from 'clsx';
 import key from '@/const/key';
 
-
 export interface ContainerProps {
   title: string;
   tag?: React.ReactNode;
@@ -24,7 +23,6 @@ export interface DisplayCardProps {
 const DisplayCardContainer: React.FC<ContainerProps> = ({
   title: _title,
   action,
-  tag,
   enableSwitch,
   children,
   className,
@@ -40,11 +38,6 @@ const DisplayCardContainer: React.FC<ContainerProps> = ({
     )}
     >
       <CardHeader className='p-4 pb-2 flex items-center justify-between gap-3'>
-        {tag && (
-          <div className='text-center text-default-500 font-medium mb-1 absolute top-0 left-1/2 -translate-x-1/2 text-xs pointer-events-none bg-default-200/50 dark:bg-default-100/50 backdrop-blur-sm px-3 py-0.5 rounded-b-lg shadow-sm z-10'>
-            {tag}
-          </div>
-        )}
         <div className='flex-1 min-w-0 mr-2'>
           <div className='inline-flex items-center px-3 py-1 rounded-lg bg-default-100/50 dark:bg-white/10 border border-transparent dark:border-white/5'>
             <span className='font-bold text-default-600 dark:text-white/90 text-sm truncate select-text'>