diff --git a/src/components/feature.tsx b/src/components/feature.tsx
index e08864a..5ef28be 100644
--- a/src/components/feature.tsx
+++ b/src/components/feature.tsx
@@ -12,7 +12,7 @@ export default function Feature({
   color: string;
 }) {
   return (
-    <div className="flex flex-col lg:flex-row items-center relative mx-auto mt-32">
+    <div className="flex flex-col lg:flex-row items-center relative mx-auto mt-40 pb-40 border-b">
       <div
         className={"flex flex-col justify-center max-w-96"}
       >
diff --git a/src/components/mobile-nav.tsx b/src/components/mobile-nav.tsx
index 25a4c06..da4a895 100644
--- a/src/components/mobile-nav.tsx
+++ b/src/components/mobile-nav.tsx
@@ -54,6 +54,12 @@ export function MobileNav() {
                   >
                     Source Code
                   </MobileLink>
+                  <MobileLink
+                     href="https://patreon.com/zen_browser"
+                     onOpenChange={setOpen}
+                  >
+                     Donate {"<"}3
+                  </MobileLink>
                   {components.map(({title, href, description}) => (
                      <MobileLink
                         href={href}
diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
index c156354..1e3b395 100644
--- a/src/components/navigation.tsx
+++ b/src/components/navigation.tsx
@@ -16,6 +16,7 @@ import {
 import Logo from "./logo"
 import { ModeToggle } from "./mode-toggle"
 import { MobileNav } from "./mobile-nav"
+import { HeartIcon } from "lucide-react"
  
 export const components: { title: string; href: string; description: string }[] = [
   {
@@ -74,6 +75,14 @@ export function Navigation() {
               </ul>
             </NavigationMenuContent>
           </NavigationMenuItem>
+          <NavigationMenuItem>
+            <Link target="_blank" href="https://patreon.com/zen_browser" legacyBehavior passHref className="opacity-70 cursor-not-allowed">
+              <NavigationMenuLink className={navigationMenuTriggerStyle()}>
+                <HeartIcon size={16} />
+                <span className="ml-2">Donate</span>
+              </NavigationMenuLink>
+            </Link>
+          </NavigationMenuItem>
           <NavigationMenuItem>
             <NavigationMenuTrigger>Useful Links</NavigationMenuTrigger>
             <NavigationMenuContent>
@@ -90,13 +99,6 @@ export function Navigation() {
               </ul>
             </NavigationMenuContent>
           </NavigationMenuItem>
-          <NavigationMenuItem>
-            <Link href="#" legacyBehavior passHref className="opacity-70 cursor-not-allowed">
-              <NavigationMenuLink className={navigationMenuTriggerStyle()}>
-                Documentation
-              </NavigationMenuLink>
-            </Link>
-          </NavigationMenuItem>
           <ModeToggle />
         </NavigationMenuList>
       </NavigationMenu>