diff --git a/apps/canvas/front/src/components/node-gateway-https.tsx b/apps/canvas/front/src/components/node-gateway-https.tsx
index 81c40c3..1eb0409 100644
--- a/apps/canvas/front/src/components/node-gateway-https.tsx
+++ b/apps/canvas/front/src/components/node-gateway-https.tsx
@@ -17,10 +17,10 @@
 import { Form, FormControl, FormField, FormItem, FormMessage } from "./ui/form";
 import { Input } from "./ui/input";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./ui/select";
-import { Checkbox } from "./ui/checkbox";
 import { Label } from "./ui/label";
 import { Button } from "./ui/button";
 import { XIcon } from "lucide-react";
+import { Switch } from "./ui/switch";
 
 const schema = z.object({
 	network: z.string().min(1, "reqired"),
@@ -411,7 +411,7 @@
 								render={({ field }) => (
 									<FormItem>
 										<div className="flex flex-row gap-1 items-center">
-											<Checkbox
+											<Switch
 												id="authEnabled"
 												onCheckedChange={field.onChange}
 												checked={field.value}