*

app/components/settings.tsx

@@ -320,7 +320,7 @@ export function Settings(props: { closeSettings: () => void }) {
             >
               <input
                 value={accessStore.accessCode}
-                type="text"
+                type="password"
                 placeholder={Locale.Settings.AccessCode.Placeholder}
                 onChange={(e) => {
                   accessStore.updateCode(e.currentTarget.value);

app/styles/globals.scss

@@ -174,6 +174,7 @@ input[type="range"]::-webkit-slider-thumb:hover {
   width: 24px;
 }
 
+input[type="password"]
 input[type="number"],
 input[type="text"] {
   appearance: none;