diff --git a/components/dashboard/settings/appearance-form.tsx b/components/dashboard/settings/appearance-form.tsx
index f0b4e788..6623e5a2 100644
--- a/components/dashboard/settings/appearance-form.tsx
+++ b/components/dashboard/settings/appearance-form.tsx
@@ -57,7 +57,7 @@ export function AppearanceForm() {
 	return (
 		<Card className="bg-transparent">
 			<CardHeader>
-				<CardTitle className="text-xl">Appareance</CardTitle>
+				<CardTitle className="text-xl">Appearance</CardTitle>
 				<CardDescription>
 					Customize the theme of your dashboard.
 				</CardDescription>
diff --git a/components/layouts/settings-layout.tsx b/components/layouts/settings-layout.tsx
index 3e6985cb..094bf40e 100644
--- a/components/layouts/settings-layout.tsx
+++ b/components/layouts/settings-layout.tsx
@@ -33,7 +33,7 @@ export const SettingsLayout = ({ children }: Props) => {
 							href: "/dashboard/settings/profile",
 						},
 						{
-							title: "Appareance",
+							title: "Appearance",
 							label: "",
 							icon: Route,
 							href: "/dashboard/settings/appearance",