diff --git a/app/components/settings.tsx b/app/components/settings.tsx
index 43d14fc47..b096201c0 100644
--- a/app/components/settings.tsx
+++ b/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);
diff --git a/app/styles/globals.scss b/app/styles/globals.scss
index b4b25b5cd..f0c001012 100644
--- a/app/styles/globals.scss
+++ b/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;