diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index aeba3ae..c532e02 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -109,20 +109,20 @@ export function Navigation() {
 						</NavigationMenuTrigger>
 						<NavigationMenuContent>
 							<ul className="grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px]">
-								<ListItem
+								<ListItem2
 									title="Patreon"
 									href="https://patreon.com/zen_browser?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink"
 								>
 									Support us on Patreon and get exclusive rewards and keep the
 									project alive.
-								</ListItem>
-								<ListItem
+								</ListItem2>
+								<ListItem2
 									title="Ko-Fi"
 									href="https://ko-fi.com/zen_browser?utm_medium=unknown&utm_source=join_link&utm_campaign=creatorshare_creator&utm_content=copyLink"
 								>
 									Ko-fi is a way to support us with a one-time donation and help
 									us keep the project alive.
-								</ListItem>
+								</ListItem2>
 							</ul>
 						</NavigationMenuContent>
 					</NavigationMenuItem>
@@ -152,6 +152,30 @@ export function Navigation() {
 const ListItem = React.forwardRef<
 	React.ElementRef<"a">,
 	React.ComponentPropsWithoutRef<"a">
+>(({ className, title, children, ...props }, ref) => {
+	return (
+		<li>
+			<NavigationMenuLink asChild>
+				<a
+					ref={ref}
+					className={ny(
+						"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+						className,
+					)}
+					{...props}
+				>
+					<div className="text-sm font-medium leading-none">{title}</div>
+					<p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
+						{children}
+					</p>
+				</a>
+			</NavigationMenuLink>
+		</li>
+	);
+});
+const ListItem2 = React.forwardRef<
+	React.ElementRef<"a">,
+	React.ComponentPropsWithoutRef<"a">
 >(({ className, title, children, ...props }, ref) => {
 	return (
 		<li>
@@ -175,3 +199,4 @@ const ListItem = React.forwardRef<
 	);
 });
 ListItem.displayName = "ListItem";
+ListItem.displayName = "ListItem2";