diff --git a/src/App.tsx b/src/App.tsx
index f860300..79d1492 100755
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -31,6 +31,18 @@ export const applyThemeWithOverrides = (themeConfig: ThemeOptions): ThemeOptions
           },
         },
       },
+      MuiBackdrop: {
+        styleOverrides: {
+          root: {
+            backgroundColor: "rgba(255, 255, 255, 0.15)",
+            backdropFilter: "blur(8px)",
+            "&.MuiBackdrop-invisible": {
+              backgroundColor: "transparent",
+              backdropFilter: "none",
+            },
+          },
+        },
+      },
       MuiTooltip: {
         defaultProps: {
           enterDelay: 500,
diff --git a/src/component/Pages/Login/Signin/PasskeyLoginButton.tsx b/src/component/Pages/Login/Signin/PasskeyLoginButton.tsx
index 39bde48..6bc7aef 100755
--- a/src/component/Pages/Login/Signin/PasskeyLoginButton.tsx
+++ b/src/component/Pages/Login/Signin/PasskeyLoginButton.tsx
@@ -32,7 +32,7 @@ export default function PasskeyLoginButton({ autoComplete, ...rest }: PasskeyLog
       window.PublicKeyCredential &&
       PublicKeyCredential.isConditionalMediationAvailable
     ) {
-      PublicKeyCredential.isConditionalMediationAvailable().then((v) => {
+      PublicKeyCredential.isConditionalMediationAvailable().then(() => {
         if (!abortRef.current.signal.aborted) startLogin(true)();
       });
     }
@@ -43,12 +43,7 @@ export default function PasskeyLoginButton({ autoComplete, ...rest }: PasskeyLog
 
   const startLogin = (conditional: boolean) => async () => {
     if (!navigator.credentials || !window.PublicKeyCredential) {
-      enqueueSnackbar({
-        message: t("setting.browserNotSupported"),
-        variant: "warning",
-        action: DefaultCloseAction,
-      });
-
+      enqueueSnackbar(t("setting.browserNotSupported"), { variant: "error", action: DefaultCloseAction });
       return;
     }
 
diff --git a/src/component/Pages/Setting/Security/PasskeyList.tsx b/src/component/Pages/Setting/Security/PasskeyList.tsx
index 470e944..2dac7d5 100755
--- a/src/component/Pages/Setting/Security/PasskeyList.tsx
+++ b/src/component/Pages/Setting/Security/PasskeyList.tsx
@@ -37,12 +37,7 @@ const PasskeyList = (props: PasskeyProps) => {
   const [deleteLoading, setDeleteLoading] = useState(false);
   const addPasskey = async () => {
     if (!navigator.credentials || !window.PublicKeyCredential) {
-      enqueueSnackbar({
-        message: t("setting.browserNotSupported"),
-        variant: "warning",
-        action: DefaultCloseAction,
-      });
-
+      dispatch(confirmOperation(t("setting.browserNotSupported")));
       return;
     }