diff --git a/Client/src/Components/Dot/index.jsx b/Client/src/Components/Dot/index.jsx
new file mode 100644
index 000000000..0fd51730f
--- /dev/null
+++ b/Client/src/Components/Dot/index.jsx
@@ -0,0 +1,23 @@
+import PropTypes from "prop-types";
+
+const Dot = ({ color = "gray", size = "4px" }) => {
+	return (
+		<span
+			style={{
+				content: '""',
+				width: size,
+				height: size,
+				borderRadius: "50%",
+				backgroundColor: color,
+				opacity: 0.8,
+			}}
+		/>
+	);
+};
+
+Dot.propTypes = {
+	color: PropTypes.string,
+	size: PropTypes.string,
+};
+
+export default Dot;