diff --git a/CHANGELOG.md b/CHANGELOG.md
index dda9dc4b..d98bb7b9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,8 @@ All notable changes to this project will be documented in this file.
 
 ### Fixed
 
+- Fixes to WiFi.svelte and models.ts to fix type errors and visibility rights.
+
 ### Removed
 
 - Removed duplicate in ESP32SvelteKit.cpp [#47](https://github.com/theelims/ESP32-sveltekit/pull/47) and WiFi.svelte [#50](https://github.com/theelims/ESP32-sveltekit/pull/50)
diff --git a/interface/src/lib/types/models.ts b/interface/src/lib/types/models.ts
index e1df37c0..11ac54af 100644
--- a/interface/src/lib/types/models.ts
+++ b/interface/src/lib/types/models.ts
@@ -15,7 +15,7 @@ export type WifiStatus = {
 export type WifiSettings = {
 	hostname: string;
 	priority_RSSI: boolean;
-	wifi_networks: NetworkItem[];
+	wifi_networks: KnownNetworkItem[];
 };
 
 export type KnownNetworkItem = {
diff --git a/interface/src/routes/wifi/sta/Wifi.svelte b/interface/src/routes/wifi/sta/Wifi.svelte
index a5542b07..2eb2916f 100644
--- a/interface/src/routes/wifi/sta/Wifi.svelte
+++ b/interface/src/routes/wifi/sta/Wifi.svelte
@@ -454,17 +454,17 @@
 		{/await}
 	</div>
 
-	<div class="bg-base-200 shadow-lg relative grid w-full max-w-2xl self-center overflow-hidden">
-		<div
-			class="min-h-16 flex w-full items-center justify-between space-x-3 p-0 text-xl font-medium"
-		>
-			Saved Networks
-		</div>
-		{#await getWifiSettings()}
-			<Spinner />
-		{:then nothing}
-			<div class="relative w-full overflow-visible">
-				{#if !$page.data.features.security || $user.admin}
+	{#if !$page.data.features.security || $user.admin}
+		<div class="bg-base-200 shadow-lg relative grid w-full max-w-2xl self-center overflow-hidden">
+			<div
+				class="min-h-16 flex w-full items-center justify-between space-x-3 p-0 text-xl font-medium"
+			>
+				Saved Networks
+			</div>
+			{#await getWifiSettings()}
+				<Spinner />
+			{:then nothing}
+				<div class="relative w-full overflow-visible">
 					<button
 						class="btn btn-primary text-primary-content btn-md absolute -top-14 right-16"
 						on:click={() => {
@@ -487,55 +487,53 @@
 					>
 						<Scan class="h-6 w-6" /></button
 					>
-				{/if}
 
-				<div
-					class="overflow-x-auto space-y-1"
-					transition:slide|local={{ duration: 300, easing: cubicOut }}
-				>
-					<DragDropList
-						id="networks"
-						type={VerticalDropZone}
-						itemSize={60}
-						itemCount={dndNetworkList.length}
-						on:drop={onDrop}
-						let:index
+					<div
+						class="overflow-x-auto space-y-1"
+						transition:slide|local={{ duration: 300, easing: cubicOut }}
 					>
-						<!-- svelte-ignore a11y-click-events-have-key-events -->
-						<div class="rounded-box bg-base-100 flex items-center space-x-3 px-4 py-2">
-							<div class="mask mask-hexagon bg-primary h-auto w-10 shrink-0">
-								<Router class="text-primary-content h-auto w-full scale-75" />
-							</div>
-							<div>
-								<div class="font-bold">{dndNetworkList[index].ssid}</div>
-							</div>
-							{#if !$page.data.features.security || $user.admin}
-								<div class="flex-grow" />
-								<div class="space-x-0 px-0 mx-0">
-									<button
-										class="btn btn-ghost btn-sm"
-										on:click={() => {
-											handleEdit(index);
-										}}
-									>
-										<Edit class="h-6 w-6" /></button
-									>
-									<button
-										class="btn btn-ghost btn-sm"
-										on:click={() => {
-											confirmDelete(index);
-										}}
-									>
-										<Delete class="text-error h-6 w-6" />
-									</button>
+						<DragDropList
+							id="networks"
+							type={VerticalDropZone}
+							itemSize={60}
+							itemCount={dndNetworkList.length}
+							on:drop={onDrop}
+							let:index
+						>
+							<!-- svelte-ignore a11y-click-events-have-key-events -->
+							<div class="rounded-box bg-base-100 flex items-center space-x-3 px-4 py-2">
+								<div class="mask mask-hexagon bg-primary h-auto w-10 shrink-0">
+									<Router class="text-primary-content h-auto w-full scale-75" />
 								</div>
-							{/if}
-						</div>
-					</DragDropList>
+								<div>
+									<div class="font-bold">{dndNetworkList[index].ssid}</div>
+								</div>
+								{#if !$page.data.features.security || $user.admin}
+									<div class="flex-grow" />
+									<div class="space-x-0 px-0 mx-0">
+										<button
+											class="btn btn-ghost btn-sm"
+											on:click={() => {
+												handleEdit(index);
+											}}
+										>
+											<Edit class="h-6 w-6" /></button
+										>
+										<button
+											class="btn btn-ghost btn-sm"
+											on:click={() => {
+												confirmDelete(index);
+											}}
+										>
+											<Delete class="text-error h-6 w-6" />
+										</button>
+									</div>
+								{/if}
+							</div>
+						</DragDropList>
+					</div>
 				</div>
-			</div>
 
-			{#if !$page.data.features.security || $user.admin}
 				<div class="divider mb-0" />
 				<div
 					class="flex flex-col gap-2 p-0"
@@ -756,7 +754,7 @@
 						</div>
 					</form>
 				</div>
-			{/if}
-		{/await}
-	</div>
+			{/await}
+		</div>
+	{/if}
 </SettingsCard>