diff --git a/src/components/atoms/buttons/AddButton.tsx b/src/components/atoms/buttons/AddButton.tsx
new file mode 100644
index 00000000..cc4f77f8
--- /dev/null
+++ b/src/components/atoms/buttons/AddButton.tsx
@@ -0,0 +1,36 @@
+import { IconButton } from "@mui/material";
+import { Add } from "@mui/icons-material";
+import React, { FC } from "react";
+
+interface AddButtonProps {
+  handleClick: () => void;
+  size?: "small" | "medium" | "large";
+  title?: string;
+  disabled?: boolean;
+  hoverEffect?: boolean;
+  style?: React.CSSProperties;
+}
+
+export const AddButton: FC<AddButtonProps> = (
+  { handleClick,
+    size ,
+    title,
+    disabled = false,
+    hoverEffect= true,
+    style
+  }) => {
+  return (
+    <IconButton
+      aria-label="add"
+      size={size || "small"}
+      onClick={handleClick}
+      disabled={disabled}
+      sx={ hoverEffect
+        ? {...style, '&:hover': { background: 'rgba(0, 0, 0, 0.05)', color: 'rgba(0, 0, 0, 0.54)' }}
+        : {...style, '&:hover': { color: '#1976d2', backgroundColor: 'white' }}
+    }
+    >
+      <Add/>  {title}
+    </IconButton>
+  );
+};