diff --git a/components/dashboard/projects/show.tsx b/components/dashboard/projects/show.tsx
index 4604f20b4..4aa721268 100644
--- a/components/dashboard/projects/show.tsx
+++ b/components/dashboard/projects/show.tsx
@@ -89,9 +89,9 @@ export const ShowProjects = () => {
 										<span className="flex flex-col gap-1.5">
 											<div className="flex items-center gap-2">
 												<BookIcon className="size-4 text-muted-foreground" />
-												<span className="text-base font-medium leading-none">
+												<Link className="text-base font-medium leading-none" href={`/dashboard/project/${project.projectId}`}>
 													{project.name}
-												</span>
+												</Link>
 											</div>
 
 											<span className="text-sm font-medium text-muted-foreground">
diff --git a/components/dashboard/settings/appearance-form.tsx b/components/dashboard/settings/appearance-form.tsx
index 6623e5a2f..75b5d0d99 100644
--- a/components/dashboard/settings/appearance-form.tsx
+++ b/components/dashboard/settings/appearance-form.tsx
@@ -25,7 +25,7 @@ import {
 } from "@/components/ui/card";
 
 const appearanceFormSchema = z.object({
-	theme: z.enum(["light", "dark"], {
+	theme: z.enum(["light", "dark", "system"], {
 		required_error: "Please select a theme.",
 	}),
 });
@@ -34,7 +34,7 @@ type AppearanceFormValues = z.infer<typeof appearanceFormSchema>;
 
 // This can come from your database or API.
 const defaultValues: Partial<AppearanceFormValues> = {
-	theme: "light",
+	theme: "system",
 };
 
 export function AppearanceForm() {
@@ -46,7 +46,7 @@ export function AppearanceForm() {
 
 	useEffect(() => {
 		form.reset({
-			theme: theme === "light" ? "light" : "dark",
+			theme: (theme ?? "system") as AppearanceFormValues["theme"],
 		});
 	}, [form, theme]);
 	function onSubmit(data: AppearanceFormValues) {
@@ -81,28 +81,15 @@ export function AppearanceForm() {
 											onValueChange={field.onChange}
 											defaultValue={field.value}
 											value={field.value}
-											className="grid max-w-md grid-cols-1 sm:grid-cols-2 gap-8 pt-2"
+											className="grid max-w-md md:max-w-lg grid-cols-1 sm:grid-cols-3 gap-8 pt-2"
 										>
 											<FormItem>
 												<FormLabel className="[&:has([data-state=checked])>div]:border-primary">
 													<FormControl>
 														<RadioGroupItem value="light" className="sr-only" />
 													</FormControl>
-													<div className="items-center rounded-md border-2 border-muted p-1 hover:border-accent">
-														<div className="space-y-2 rounded-sm bg-[#ecedef] p-2">
-															<div className="space-y-2 rounded-md bg-white p-2 shadow-sm">
-																<div className="h-2 w-[80px] rounded-lg bg-[#ecedef]" />
-																<div className="h-2 w-[100px] rounded-lg bg-[#ecedef]" />
-															</div>
-															<div className="flex items-center space-x-2 rounded-md bg-white p-2 shadow-sm">
-																<div className="h-4 w-4 rounded-full bg-[#ecedef]" />
-																<div className="h-2 w-[100px] rounded-lg bg-[#ecedef]" />
-															</div>
-															<div className="flex items-center space-x-2 rounded-md bg-white p-2 shadow-sm">
-																<div className="h-4 w-4 rounded-full bg-[#ecedef]" />
-																<div className="h-2 w-[100px] rounded-lg bg-[#ecedef]" />
-															</div>
-														</div>
+													<div className="items-center rounded-md border-2 border-muted p-1 hover:bg-accent transition-colors cursor-pointer">
+														<img src="/images/theme-light.svg" alt="light" />
 													</div>
 													<span className="block w-full p-2 text-center font-normal">
 														Light
@@ -114,27 +101,30 @@ export function AppearanceForm() {
 													<FormControl>
 														<RadioGroupItem value="dark" className="sr-only" />
 													</FormControl>
-													<div className="items-center rounded-md border-2 border-muted bg-popover p-1 hover:bg-accent hover:text-accent-foreground">
-														<div className="space-y-2 rounded-sm bg-slate-950 p-2">
-															<div className="space-y-2 rounded-md bg-slate-800 p-2 shadow-sm">
-																<div className="h-2 w-[80px] rounded-lg bg-slate-400" />
-																<div className="h-2 w-[100px] rounded-lg bg-slate-400" />
-															</div>
-															<div className="flex items-center space-x-2 rounded-md bg-slate-800 p-2 shadow-sm">
-																<div className="h-4 w-4 rounded-full bg-slate-400" />
-																<div className="h-2 w-[100px] rounded-lg bg-slate-400" />
-															</div>
-															<div className="flex items-center space-x-2 rounded-md bg-slate-800 p-2 shadow-sm">
-																<div className="h-4 w-4 rounded-full bg-slate-400" />
-																<div className="h-2 w-[100px] rounded-lg bg-slate-400" />
-															</div>
-														</div>
+													<div className="items-center rounded-md border-2 border-muted bg-popover p-1 transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer">
+														<img src="/images/theme-dark.svg" alt="dark" />
 													</div>
 													<span className="block w-full p-2 text-center font-normal">
 														Dark
 													</span>
 												</FormLabel>
 											</FormItem>
+											<FormItem>
+												<FormLabel className="[&:has([data-state=checked])>div]:border-primary">
+													<FormControl>
+														<RadioGroupItem
+															value="system"
+															className="sr-only"
+														/>
+													</FormControl>
+													<div className="items-center rounded-md border-2 border-muted bg-popover p-1 transition-colors hover:bg-accent hover:text-accent-foreground cursor-pointer">
+														<img src="/images/theme-system.svg" alt="system" />
+													</div>
+													<span className="block w-full p-2 text-center font-normal">
+														System
+													</span>
+												</FormLabel>
+											</FormItem>
 										</RadioGroup>
 									</FormItem>
 								);
diff --git a/components/dashboard/settings/github/github-setup.tsx b/components/dashboard/settings/github/github-setup.tsx
index 6e9a80586..9d6d013b6 100644
--- a/components/dashboard/settings/github/github-setup.tsx
+++ b/components/dashboard/settings/github/github-setup.tsx
@@ -100,7 +100,7 @@ export const GithubSetup = () => {
 					<>
 						{data?.githubAppName ? (
 							<div className="flex w-fit flex-col gap-4">
-								<span className="text-muted-foreground">
+								<span className="text-muted-foreground text-sm">
 									Youve successfully created a GitHub app named
 									{data.githubAppName}! The next step is to install this app in
 									your GitHub account.
@@ -121,7 +121,7 @@ export const GithubSetup = () => {
 						) : (
 							<div>
 								<div className="flex items-center gap-2">
-									<span className="text-muted-foreground">
+									<span className="text-muted-foreground text-sm">
 										To integrate your GitHub account with our services, youll
 										need to create and install a GitHub app. This process is
 										straightforward and only takes a few minutes. Click the
diff --git a/components/dashboard/settings/profile/profile-form.tsx b/components/dashboard/settings/profile/profile-form.tsx
index d79861174..ea227382c 100644
--- a/components/dashboard/settings/profile/profile-form.tsx
+++ b/components/dashboard/settings/profile/profile-form.tsx
@@ -147,11 +147,11 @@ export const ProfileForm = () => {
 												}}
 												defaultValue={field.value}
 												value={field.value}
-												className="flex flex-row flex-wrap gap-2 max-xl:justify-cente"
+												className="flex flex-row flex-wrap gap-2 max-xl:justify-center"
 											>
 												{randomImages.map((image) => (
 													<FormItem key={image}>
-														<FormLabel className="[&:has([data-state=checked])>img]:border-primary [&:has([data-state=checked])>img]:border-1 [&:has([data-state=checked])>img]:p-px">
+														<FormLabel className="[&:has([data-state=checked])>img]:border-primary [&:has([data-state=checked])>img]:border-1 [&:has([data-state=checked])>img]:p-px cursor-pointer">
 															<FormControl>
 																<RadioGroupItem
 																	value={image}
@@ -163,7 +163,7 @@ export const ProfileForm = () => {
 																key={image}
 																src={image}
 																alt="avatar"
-																className="h-12 w-12 rounded-full border transition-transform"
+																className="h-12 w-12 rounded-full border hover:p-px hover:border-primary transition-transform"
 															/>
 														</FormLabel>
 													</FormItem>
diff --git a/components/layouts/project-layout.tsx b/components/layouts/project-layout.tsx
index 6b5f5110b..b4c857388 100644
--- a/components/layouts/project-layout.tsx
+++ b/components/layouts/project-layout.tsx
@@ -8,7 +8,7 @@ export const ProjectLayout = ({ children }: Props) => {
 	return (
 		<div>
 			<div
-				className="bg-radial relative flex flex-col bg-background pt-6"
+				className="bg-radial relative flex flex-col bg-background"
 				id="app-container"
 			>
 				<div className="flex items-center justify-center">
diff --git a/components/layouts/settings-layout.tsx b/components/layouts/settings-layout.tsx
index 094bf40ea..6c93011e1 100644
--- a/components/layouts/settings-layout.tsx
+++ b/components/layouts/settings-layout.tsx
@@ -102,7 +102,6 @@ export const Nav = ({ links }: NavProps) => {
 			<nav className="grid gap-1 px-2 group-[[data-collapsed=true]]:justify-center group-[[data-collapsed=true]]:px-2">
 				{links.map((link, index) => {
 					const isActive = router.pathname === link.href;
-					// biome-ignore lint/correctness/useJsxKeyInIterable: <explanation>
 					return (
 						<Link
 							key={index}
@@ -110,7 +109,7 @@ export const Nav = ({ links }: NavProps) => {
 							className={cn(
 								buttonVariants({ variant: "ghost", size: "sm" }),
 								isActive &&
-									"dark:bg-muted dark:text-white dark:hover:bg-muted dark:hover:text-white",
+									"dark:bg-muted dark:text-white dark:hover:bg-muted dark:hover:text-white bg-muted",
 								"justify-start",
 							)}
 						>
diff --git a/components/ui/file-tree.tsx b/components/ui/file-tree.tsx
index 8ce4a4132..02e7ebec7 100644
--- a/components/ui/file-tree.tsx
+++ b/components/ui/file-tree.tsx
@@ -88,8 +88,7 @@ const Tree = React.forwardRef<HTMLDivElement, TreeProps>(
 		const { ref: refRoot, width, height } = useResizeObserver();
 
 		return (
-			<div ref={refRoot} className={cn("overflow-hidden", className)}>
-				{/* style={{ width, height }} */}
+			<div ref={refRoot} className={cn("overflow-y-auto", className)}>
 				<ScrollArea>
 					<div className="relative p-2">
 						<TreeItem
diff --git a/pages/dashboard/project/[projectId].tsx b/pages/dashboard/project/[projectId].tsx
index 50236974f..374a03e1d 100644
--- a/pages/dashboard/project/[projectId].tsx
+++ b/pages/dashboard/project/[projectId].tsx
@@ -212,7 +212,7 @@ const Project = (
 									}}
 									className="group relative cursor-pointer bg-transparent transition-colors hover:bg-card h-fit"
 								>
-									<div className="absolute -right-1  -top-1">
+									<div className="absolute -right-1 -top-2">
 										<StatusTooltip status={service.status} />
 									</div>
 
diff --git a/public/images/theme-dark.svg b/public/images/theme-dark.svg
new file mode 100644
index 000000000..4e17145ee
--- /dev/null
+++ b/public/images/theme-dark.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 588 406" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="588" height="406" rx="16" fill="#050912"/><g filter="url(#a)"><rect x="24" y="22" width="540" height="122" rx="20" fill="#171E2D"/></g><g filter="url(#b)"><rect x="24" y="167" width="540" height="96" rx="20" fill="#171E2D"/></g><g filter="url(#c)"><rect x="24" y="288" width="540" height="96" rx="20" fill="#171E2D"/></g><rect x="56" y="47" width="240" height="24" rx="12" fill="#8291A9"/><rect x="56" y="94" width="300" height="24" rx="12" fill="#8291A9"/><rect x="129" y="203" width="300" height="24" rx="12" fill="#8291A9"/><rect x="129" y="324" width="300" height="24" rx="12" fill="#8291A9"/><circle cx="80" cy="215" r="24" fill="#8291A9"/><circle cx="80" cy="336" r="24" fill="#8291A9"/><defs><filter id="a" x="19" y="20" width="550" height="132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_60"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_60" result="shape"/></filter><filter id="b" x="19" y="165" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_60"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_60" result="shape"/></filter><filter id="c" x="19" y="286" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_60"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_60" result="shape"/></filter></defs></svg>
\ No newline at end of file
diff --git a/public/images/theme-light.svg b/public/images/theme-light.svg
new file mode 100644
index 000000000..f63b53621
--- /dev/null
+++ b/public/images/theme-light.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 588 406" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="588" height="406" rx="16" fill="#E7E8EB"/><g filter="url(#a)"><rect x="24" y="22" width="540" height="122" rx="20" fill="#fff"/></g><g filter="url(#b)"><rect x="24" y="167" width="540" height="96" rx="20" fill="#fff"/></g><g filter="url(#c)"><rect x="24" y="288" width="540" height="96" rx="20" fill="#fff"/></g><rect x="56" y="47" width="240" height="24" rx="12" fill="#E7E8EB"/><rect x="56" y="94" width="300" height="24" rx="12" fill="#E7E8EB"/><rect x="129" y="203" width="300" height="24" rx="12" fill="#E7E8EB"/><rect x="129" y="324" width="300" height="24" rx="12" fill="#E7E8EB"/><circle cx="80" cy="215" r="24" fill="#E7E8EB"/><circle cx="80" cy="336" r="24" fill="#E7E8EB"/><defs><filter id="a" x="19" y="20" width="550" height="132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_59"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_59" result="shape"/></filter><filter id="b" x="19" y="165" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_59"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_59" result="shape"/></filter><filter id="c" x="19" y="286" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_59"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_59" result="shape"/></filter></defs></svg>
\ No newline at end of file
diff --git a/public/images/theme-system.svg b/public/images/theme-system.svg
new file mode 100644
index 000000000..8a2cd5143
--- /dev/null
+++ b/public/images/theme-system.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 588 406" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="588" height="406" rx="16" fill="#E7E8EB"/><g filter="url(#a)"><rect x="24" y="22" width="540" height="122" rx="20" fill="#fff"/></g><g filter="url(#b)"><rect x="24" y="167" width="540" height="96" rx="20" fill="#fff"/></g><g filter="url(#c)"><rect x="24" y="288" width="540" height="96" rx="20" fill="#fff"/></g><rect x="56" y="47" width="240" height="24" rx="12" fill="#E7E8EB"/><rect x="56" y="94" width="300" height="24" rx="12" fill="#E7E8EB"/><rect x="129" y="203" width="300" height="24" rx="12" fill="#E7E8EB"/><rect x="129" y="324" width="300" height="24" rx="12" fill="#E7E8EB"/><circle cx="80" cy="215" r="24" fill="#E7E8EB"/><circle cx="80" cy="336" r="24" fill="#E7E8EB"/><mask id="d" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="78" y="0" width="510" height="406"><path d="M501 0 78 406h510V0h-87Z" fill="#D9D9D9"/></mask><g mask="url(#d)"><rect width="588" height="406" rx="16" fill="#050912"/><g filter="url(#e)"><rect x="24" y="22" width="540" height="122" rx="20" fill="#171E2D"/></g><g filter="url(#f)"><rect x="24" y="167" width="540" height="96" rx="20" fill="#171E2D"/></g><g filter="url(#g)"><rect x="24" y="288" width="540" height="96" rx="20" fill="#171E2D"/></g><rect x="56" y="47" width="240" height="24" rx="12" fill="#8291A9"/><rect x="56" y="94" width="300" height="24" rx="12" fill="#8291A9"/><rect x="129" y="203" width="300" height="24" rx="12" fill="#8291A9"/><rect x="129" y="324" width="300" height="24" rx="12" fill="#8291A9"/><circle cx="80" cy="215" r="24" fill="#8291A9"/><circle cx="80" cy="336" r="24" fill="#8291A9"/></g><defs><filter id="a" x="19" y="20" width="550" height="132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_61"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_61" result="shape"/></filter><filter id="b" x="19" y="165" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_61"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_61" result="shape"/></filter><filter id="c" x="19" y="286" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_61"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_61" result="shape"/></filter><filter id="e" x="19" y="20" width="550" height="132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_61"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_61" result="shape"/></filter><filter id="f" x="19" y="165" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_61"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_61" result="shape"/></filter><filter id="g" x="19" y="286" width="550" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="3"/><feGaussianBlur stdDeviation="2.5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_10_61"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_10_61" result="shape"/></filter></defs></svg>
\ No newline at end of file