diff --git a/src/components/DeviceSelector.tsx b/src/components/DeviceSelector.tsx
index 5c24c9c3..08c6dedb 100644
--- a/src/components/DeviceSelector.tsx
+++ b/src/components/DeviceSelector.tsx
@@ -1,5 +1,5 @@
 import { DeviceSelectorButton } from "@components/DeviceSelectorButton.tsx";
-import { ThemeSwitcher } from "@components/ThemeSwitcher.tsx";
+import ThemeSwitcher from "@components/ThemeSwitcher.tsx";
 import { Separator } from "@components/UI/Seperator.tsx";
 import { Code } from "@components/UI/Typography/Code.tsx";
 import { useAppStore } from "@core/stores/appStore.ts";
diff --git a/src/components/PageComponents/Connect/HTTP.tsx b/src/components/PageComponents/Connect/HTTP.tsx
index 32db1bf5..e7f5c6af 100644
--- a/src/components/PageComponents/Connect/HTTP.tsx
+++ b/src/components/PageComponents/Connect/HTTP.tsx
@@ -64,16 +64,16 @@ export const HTTP = ({ closeDialog }: TabElementProps): JSX.Element => {
         <Controller
           name="tls"
           control={control}
-          render={({ field: { value, ...rest } }) => (
+          render={({ field: { value, onChange, ...rest } }) => (
             <>
               <Label>Use HTTPS</Label>
               <Switch
+
                 onCheckedChange={(checked) => {
                   checked ? setHTTPS(true) : setHTTPS(false);
                 }}
-                // label="Use TLS"
-                // description="Description"
-                disabled={
+
+              disabled={
                   location.protocol === "https:" || connectionInProgress
                 }
                 checked={value}
diff --git a/src/core/stores/appStore.ts b/src/core/stores/appStore.ts
index bf8644ce..6a51a1ba 100644
--- a/src/core/stores/appStore.ts
+++ b/src/core/stores/appStore.ts
@@ -14,11 +14,13 @@ interface ErrorState {
   message: string;
 }
 
+
 interface ErrorState {
   field: string;
   message: string;
 }
 
+
 interface AppState {
   selectedDevice: number;
   devices: {