diff --git a/app/(authenticated)/transactions/_components/delete-transaction-button.tsx b/app/(authenticated)/transactions/_components/delete-transaction-button.tsx
new file mode 100644
index 0000000..bf561b5
--- /dev/null
+++ b/app/(authenticated)/transactions/_components/delete-transaction-button.tsx
@@ -0,0 +1,23 @@
+import { deleteTransaction } from "@/app/_actions/delete-transactions";
+import { Button } from "@/app/_components/ui/button";
+import { TrashIcon } from "lucide-react";
+
+interface IDeleteTransactionsButtonProps {
+  transactionId: string;
+}
+
+const DeleteTransactionButton = ({
+  transactionId,
+}: IDeleteTransactionsButtonProps) => {
+  const handleClick = async () => {
+    await deleteTransaction({ transactionId });
+  };
+
+  return (
+    <Button variant="ghost" size="icon" onClick={handleClick}>
+      <TrashIcon size={16} />
+    </Button>
+  );
+};
+
+export default DeleteTransactionButton;