diff --git a/package.json b/package.json
index 09483f8f0..aa2c25171 100644
--- a/package.json
+++ b/package.json
@@ -75,10 +75,10 @@
 		"vite:build": "bun -F @autumn/vite build:bun",
 		"t": "ENV_FILE=.env infisical run --env=dev --recursive -- bun scripts/testScripts/testDispatcher.ts",
 		"cm": "cd server && bun cm",
-		"d": "lsof -ti:8080 -ti:3000 | xargs kill -9 2>/dev/null || true; ENV_FILE=.env infisical run --env=dev --recursive -- bun scripts/dev.ts",
-		"d:prod": "lsof -ti:8080 -ti:3000 | xargs kill -9 2>/dev/null || true; ENV_FILE=.env infisical run --env=dev --recursive -- bun scripts/dev.ts --production",
+		"d": "ENV_FILE=.env infisical run --env=dev --recursive -- bun scripts/dev.ts",
+		"d:prod": "ENV_FILE=.env infisical run --env=dev --recursive -- bun scripts/dev.ts --production",
 		"dx": "bun scripts/dx.ts",
-		"d:test": "lsof -ti:8080 -ti:3000 | xargs kill -9 2>/dev/null || true; ENV_FILE=.env infisical run --env=test --recursive -- bun scripts/dev.ts",
+		"d:test": "ENV_FILE=.env infisical run --env=test --recursive -- bun scripts/dev.ts",
 		"p": "ENV_FILE=.env.prod infisical run --env=prod --recursive -- bun scripts/dev.ts",
 		"s": "ENV_FILE=.env.staging infisical run --env=staging --recursive -- bun scripts/dev.ts",
 		"l": "bash ./scripts/dev-local.sh",
diff --git a/vite/index.html b/vite/index.html
index fa38f218c..175ddbdda 100644
--- a/vite/index.html
+++ b/vite/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/autumn-logo-bg.png" />
+    <link rel="icon" type="image/svg+xml" href="/autumn-logo.svg" />
     <!-- <link
       rel="stylesheet"
       href="https://esm.sh/@wooorm/starry-night@3/style/both"
diff --git a/vite/public/autumn-logo-bg.png b/vite/public/autumn-logo-bg.png
index b02a79eb8..2b4d146a3 100644
Binary files a/vite/public/autumn-logo-bg.png and b/vite/public/autumn-logo-bg.png differ
diff --git a/vite/public/autumn-logo.svg b/vite/public/autumn-logo.svg
new file mode 100644
index 000000000..c6d234cbe
--- /dev/null
+++ b/vite/public/autumn-logo.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="28" height="28" rx="6" fill="white"/>
+<path d="M10.7139 9.06887C9.77726 11.211 8.84052 13.3532 7.90386 15.4953C8.63795 16.4465 9.37205 17.3984 10.1061 18.3496C12.2827 15.537 14.4599 12.7244 16.637 9.91183L9.27077 22.9514C12.9161 20.7518 16.5615 18.5529 20.2069 16.3534V4.85034L10.7139 9.06887Z" fill="black"/>
+</svg>
diff --git a/vite/public/logo_hd.png b/vite/public/logo_hd.png
index 0962a2596..2b4d146a3 100644
Binary files a/vite/public/logo_hd.png and b/vite/public/logo_hd.png differ
diff --git a/vite/src/views/auth/SignIn.tsx b/vite/src/views/auth/SignIn.tsx
index 8e59b446a..376c421eb 100644
--- a/vite/src/views/auth/SignIn.tsx
+++ b/vite/src/views/auth/SignIn.tsx
@@ -128,7 +128,13 @@ export const SignIn = () => {
 			<div className="w-full max-w-[350px] space-y-4">
 				{/* Logo */}
 				<div className="flex justify-center">
-					<img src="/logo_hd.png" alt="Autumn" className="w-12 h-12" />
+					<svg width="48" height="48" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<mask id="icon-cutout">
+							<rect width="28" height="28" fill="white"/>
+							<path d="M10.7139 9.06887C9.77726 11.211 8.84052 13.3532 7.90386 15.4953C8.63795 16.4465 9.37205 17.3984 10.1061 18.3496C12.2827 15.537 14.4599 12.7244 16.637 9.91183L9.27077 22.9514C12.9161 20.7518 16.5615 18.5529 20.2069 16.3534V4.85034L10.7139 9.06887Z" fill="black"/>
+						</mask>
+						<rect width="28" height="28" fill="currentColor" mask="url(#icon-cutout)"/>
+					</svg>
 				</div>
 
 				{/* Title */}
diff --git a/vite/src/views/auth/components/PasswordSignIn.tsx b/vite/src/views/auth/components/PasswordSignIn.tsx
index 6d0479f5a..dca6f336b 100644
--- a/vite/src/views/auth/components/PasswordSignIn.tsx
+++ b/vite/src/views/auth/components/PasswordSignIn.tsx
@@ -57,7 +57,13 @@ export const PasswordSignIn = () => {
 			<div className="w-full max-w-[350px] space-y-4">
 				{/* Logo */}
 				<div className="flex justify-center">
-					<img src="/logo_hd.png" alt="Autumn" className="w-12 h-12" />
+					<svg width="48" height="48" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<mask id="icon-cutout">
+							<rect width="28" height="28" fill="white"/>
+							<path d="M10.7139 9.06887C9.77726 11.211 8.84052 13.3532 7.90386 15.4953C8.63795 16.4465 9.37205 17.3984 10.1061 18.3496C12.2827 15.537 14.4599 12.7244 16.637 9.91183L9.27077 22.9514C12.9161 20.7518 16.5615 18.5529 20.2069 16.3534V4.85034L10.7139 9.06887Z" fill="black"/>
+						</mask>
+						<rect width="28" height="28" fill="currentColor" mask="url(#icon-cutout)"/>
+					</svg>
 				</div>
 
 				{/* Title */}
diff --git a/vite/src/views/migrations/migration/filters/FilterGroup.tsx b/vite/src/views/migrations/migration/filters/FilterGroup.tsx
index 2cabdc93a..65e89e30a 100644
--- a/vite/src/views/migrations/migration/filters/FilterGroup.tsx
+++ b/vite/src/views/migrations/migration/filters/FilterGroup.tsx
@@ -44,6 +44,7 @@ function useSuggestionsForField(
 			.map((c) => ({
 				value: c.id,
 				label: c.name ?? c.email ?? c.id,
+				secondaryLabel: c.id,
 				icon: <UserIcon size={14} className="text-t3" />,
 			}));
 	}
diff --git a/vite/src/views/migrations/migration/shared/ValuePicker.tsx b/vite/src/views/migrations/migration/shared/ValuePicker.tsx
index cf69a7483..c691280d2 100644
--- a/vite/src/views/migrations/migration/shared/ValuePicker.tsx
+++ b/vite/src/views/migrations/migration/shared/ValuePicker.tsx
@@ -21,6 +21,7 @@ const MAX_VISIBLE_CHIPS = 3;
 export type ValuePickerOption = {
 	value: string;
 	label: string;
+	secondaryLabel?: string;
 	icon?: ReactNode;
 };
 
@@ -112,6 +113,7 @@ export function ValuePicker({
 										<CommandItem
 											key={suggestion.value}
 											value={suggestion.value}
+											keywords={[suggestion.label]}
 											onSelect={() => onToggle(suggestion.value)}
 											className="text-sm"
 										>
@@ -121,6 +123,11 @@ export function ValuePicker({
 											<span className="flex-1 truncate">
 												{suggestion.label}
 											</span>
+											{(suggestion.secondaryLabel ?? (suggestion.value !== suggestion.label ? suggestion.value : null)) && (
+												<span className="text-t4 text-xs truncate shrink-0">
+													{suggestion.secondaryLabel ?? suggestion.value}
+												</span>
+											)}
 											{isSelected && (
 												<CheckIcon size={14} className="shrink-0" />
 											)}
diff --git a/vite/src/views/migrations/migration/shared/featureSuggestions.tsx b/vite/src/views/migrations/migration/shared/featureSuggestions.tsx
index ec37533c1..d15fb610d 100644
--- a/vite/src/views/migrations/migration/shared/featureSuggestions.tsx
+++ b/vite/src/views/migrations/migration/shared/featureSuggestions.tsx
@@ -8,6 +8,7 @@ export function buildFeatureSuggestions(
 	return features.map((f) => ({
 		value: f.id,
 		label: f.name || f.id,
+		secondaryLabel: f.id,
 		icon: getFeatureIcon({ feature: f }),
 	}));
 }
diff --git a/vite/src/views/migrations/migration/shared/planSuggestions.tsx b/vite/src/views/migrations/migration/shared/planSuggestions.tsx
index ce4fe3025..4ebea9774 100644
--- a/vite/src/views/migrations/migration/shared/planSuggestions.tsx
+++ b/vite/src/views/migrations/migration/shared/planSuggestions.tsx
@@ -15,6 +15,7 @@ export function buildPlanSuggestions(
 		.map((p) => ({
 			value: p.id,
 			label: p.name || p.id,
+			secondaryLabel: p.id,
 			icon: <PackageIcon size={14} weight="duotone" className="text-t3" />,
 		}));
 }
