diff --git a/src/components/frontend/shared/header.tsx b/src/components/frontend/shared/header.tsx
index fbcce16..36a296f 100644
--- a/src/components/frontend/shared/header.tsx
+++ b/src/components/frontend/shared/header.tsx
@@ -31,12 +31,13 @@ export function Header() {
   return(
   <header className={cn(" w-full items-center gap-4  bg-background px-4 md:px-6 z-50 h-16 transition-shadow duration-200 flex", isTop ? "shadow-none" : "shadow-sm")}>
     <NavBar />
-    <div className="flex items-center justify-end gap-2 md:ml-auto text-primary">
+    <div className="flex items-center justify-end gap-2 md:ml-auto text-primary flex-shrink-0">
       <LocaleSwitch />
       <ModeToggle /> 
       <a href="https://github.com/seadfeng/font-generator" className="flex flex-shrink-0">
         <img title="font-generator Github" alt="font-generator Github" height={20} className="h-[20px]" src="https://img.shields.io/github/stars/seadfeng/font-generator?style=social" />
       </a>
+      <a href="https://www.buymeacoffee.com/seadfeng" target="_blank" style={{backgroundColor: "#FD0"}} className="text-sm flex items-center font-serif text-black p-2 rounded-lg font-semibold"><img width={30} height={30} src="https://www.faviconextractor.com/favicon/buymeacoffee.com?larger=true" alt="Buy Me A Coffee" className="mr-2" /> <span>Buy Me A Coffee</span></a>
     </div>
   </header>
   )