diff --git a/apps/app/src/components/Changelog/VersionStatus.tsx b/apps/app/src/components/Changelog/VersionStatus.tsx
new file mode 100644
index 0000000..c983db3
--- /dev/null
+++ b/apps/app/src/components/Changelog/VersionStatus.tsx
@@ -0,0 +1,12 @@
+export const VersionStatus = ({ status }: { status: string }) => {
+  switch (status) {
+    case 'draft':
+      return <div className="w-3 h-3 rounded-full bg-amber-600" />
+    case 'published':
+      return <div className="w-3 h-3 rounded-full bg-emerald-600" />
+    case 'review':
+      return <div className="w-3 h-3 rounded-full bg-sky-600" />
+    default:
+      return <div className="w-3 h-3 rounded-full bg-neutral-600" />
+  }
+}