fix: website dialog

Author: izadoesdev

apps/dashboard/app/globals.css

@@ -424,8 +424,8 @@
   --secondary-brightest: oklch(0.34 0.006 286.033);
   --secondary-foreground: oklch(0.88 0.008 286.033);
 
-  --muted: oklch(0.50 0.006 286.033);
-  --muted-foreground: oklch(0.60 0.006 286.033);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
   --accent: oklch(0.25 0.006 286.033);
   --accent-brighter: oklch(0.30 0.006 286.033);
   --accent-disabled: oklch(0.34 0.006 286.033);

apps/dashboard/components/website-dialog.tsx

@@ -199,13 +199,13 @@ export function WebsiteDialog({
 										<FormLabel>Domain</FormLabel>
 										<FormControl>
 											<div className="flex items-center">
-												<span className="inline-flex h-9 items-center rounded-l-md border border-r-0 bg-dialog px-3 text-accent-foreground text-sm">
+												<span className="inline-flex h-9 items-center rounded-none border border-r-0 bg-dialog px-3 text-accent-foreground text-sm">
 													https://
 												</span>
 												<Input
 													placeholder="your-company.com"
 													{...field}
-													className="rounded-l-none"
+													className="rounded-l-none border border-border border-l-0"
 													onChange={(e) => {
 														let domain = e.target.value.trim();
 														if (