diff --git a/src/lib/common/Stores.svelte b/src/lib/common/Stores.svelte
index c366831..e5c550d 100644
--- a/src/lib/common/Stores.svelte
+++ b/src/lib/common/Stores.svelte
@@ -3,6 +3,7 @@
 	import { headscaleThemeStore } from '$lib/common/stores.js';
 	import { headscaleURLStore } from '$lib/common/stores.js';
 	import { headscaleAPIKeyStore } from '$lib/common/stores.js';
+	import { preAuthHideStore } from '$lib/common/stores.js';
 
 	onMount(async () => {
 		// stores headscale theme
@@ -12,8 +13,11 @@
 		headscaleURLStore.set(localStorage.getItem('headscaleURL') || '');
 		headscaleAPIKeyStore.set(localStorage.getItem('headscaleAPIKey') || '');
 
+		preAuthHideStore.set(localStorage.getItem('headscalePreAuthHide') || 'false');
+
 		// subscribe to store's state and update the local storage where needed
 		headscaleThemeStore.subscribe((val) => localStorage.setItem('headscaleTheme', val));
+		preAuthHideStore.subscribe((val) => localStorage.setItem('headscalePreAuthHide', val));
 
 		headscaleURLStore.subscribe((val) => localStorage.setItem('headscaleURL', val));
 		headscaleAPIKeyStore.subscribe((val) => localStorage.setItem('headscaleAPIKey', val));
diff --git a/src/lib/common/apiFunctions.svelte b/src/lib/common/apiFunctions.svelte
index 9e793ce..269a941 100644
--- a/src/lib/common/apiFunctions.svelte
+++ b/src/lib/common/apiFunctions.svelte
@@ -203,7 +203,6 @@
 
 		await headscalePreAuthKeyResponse.json().then((data) => {
 			headscalePreAuthKey = data.preAuthKeys;
-			console.log(headscalePreAuthKey);
 		});
 		return headscalePreAuthKey;
 	}
diff --git a/src/lib/common/stores.js b/src/lib/common/stores.js
index 4b9a54d..977b265 100644
--- a/src/lib/common/stores.js
+++ b/src/lib/common/stores.js
@@ -10,6 +10,8 @@ export const headscaleThemeStore = writable('');
 // stores URL and API Key
 export const headscaleURLStore = writable('');
 export const headscaleAPIKeyStore = writable('');
+// stores preauth key preference
+export const preAuthHideStore = writable('');
 // stores user and device data
 export const headscaleUserStore = writable([new User()]);
 export const headscaleDeviceStore = writable([new Device()]);
\ No newline at end of file
diff --git a/src/lib/index/UserCard/PreAuthKeys.svelte b/src/lib/index/UserCard/PreAuthKeys.svelte
index 122b700..8546049 100644
--- a/src/lib/index/UserCard/PreAuthKeys.svelte
+++ b/src/lib/index/UserCard/PreAuthKeys.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { getPreauthKeys } from '$lib/common/apiFunctions.svelte';
 	import { PreAuthKey, User } from '$lib/common/classes';
-	import { alertStore } from '$lib/common/stores';
+	import { alertStore, preAuthHideStore } from '$lib/common/stores';
 
 	// function for refreshing users from parent
 	export let user = new User();
 	let keyList = [new PreAuthKey()];
-	let hideExpired = false;
+	let preAuthHide = ($preAuthHideStore == 'true');
 
 	// If the key hasn't expired or key hasn't been used, flag as green, otherwise flag as red
 	function testExpiry(keyExpiry: string, keyUsed: boolean): string {
@@ -40,9 +40,10 @@
 			>
 		</div>
 		<div class="border rounded p-1 -mx-2 w-fit">
-			<input type="checkbox" bind:checked={hideExpired} class="checkbox checkbox-xs" /><span
+			<input type="checkbox" bind:checked="{preAuthHide}" on:change="{() => {preAuthHide ? $preAuthHideStore = 'true': $preAuthHideStore = 'false'}}" class="checkbox checkbox-xs text-base-content" /><span
 				on:click={() => {
-					hideExpired = !hideExpired;
+					$preAuthHideStore == 'true' ? $preAuthHideStore = 'false' : $preAuthHideStore = 'true';
+					preAuthHide = ($preAuthHideStore == 'true');
 				}}
 				class="font-normal ml-2">Hide Expired/Used Keys</span
 			>
@@ -57,7 +58,7 @@
 						<tr><td>Refresh to see contents</td></tr>
 					{:else}
 						<!-- hide if key is expired or used (and not reusable) and checkbox is checked -->
-						<tr class:hidden={hideExpired && ((key.used && !key.reusable) || new Date(key.expiration).getTime() < new Date().getTime())}>
+						<tr class:hidden={preAuthHide && ((key.used && !key.reusable) || new Date(key.expiration).getTime() < new Date().getTime())}>
 							<th>{key.id}</th>
 							<td
 								><code class="border p-1 rounded">{key.key}</code>