diff --git a/web_app/src/components/Coffee.tsx b/web_app/src/components/Coffee.tsx
deleted file mode 100644
index c674f54..0000000
--- a/web_app/src/components/Coffee.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { Coffee as CoffeeIcon } from "lucide-react"
-import { Dialog, DialogContent, DialogTitle, DialogTrigger } from "./ui/dialog"
-import { IconButton } from "./ui/button"
-import { DialogDescription } from "@radix-ui/react-dialog"
-import Kofi from "@/assets/kofi_button_black.png"
-
-export function Coffee() {
-  return (
-    <Dialog>
-      <DialogTrigger asChild>
-        <IconButton tooltip="Buy me a coffee">
-          <CoffeeIcon />
-        </IconButton>
-      </DialogTrigger>
-      <DialogContent>
-        <DialogTitle>Buy me a coffee</DialogTitle>
-        <DialogDescription className="mb-8">
-          Hi, if you found my project is useful, please conside buy me a coffee
-          to support my work. Thanks!
-        </DialogDescription>
-        <div className="w-full flex items-center justify-center">
-          <a
-            href="https://ko-fi.com/Z8Z1CZJGY"
-            target="_blank"
-            rel="noreferrer"
-          >
-            <img src={Kofi} className="h-[32px]" />
-          </a>
-        </div>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-export default Coffee