diff --git a/.changeset/cold-drinks-switch.md b/.changeset/cold-drinks-switch.md
new file mode 100644
index 00000000..a701a802
--- /dev/null
+++ b/.changeset/cold-drinks-switch.md
@@ -0,0 +1,5 @@
+---
+"@eventcatalog/core": patch
+---
+
+feat(core): versions now show as a dropdown
diff --git a/src/components/Lists/VersionList.astro b/src/components/Lists/VersionList.astro
index 5f28fbd3..6eb5d960 100644
--- a/src/components/Lists/VersionList.astro
+++ b/src/components/Lists/VersionList.astro
@@ -9,21 +9,27 @@ interface Props {
 
 const { versions, collectionItem } = Astro.props;
 const currentPath = Astro.url.pathname;
+
 ---
 
 <div class="space-y-2 my-2 mb-8">
   <span class="font-light text-black group-data-[hover]:text-black/80 capitalize">Versions ({collectionItem.data.versions?.length})</span>
-  <ul class="space-x-2 flex">
-  {versions.map((version) => {
-    const isCurrent = currentPath.includes(version);
-    return <li>
-      <a href={`/docs/${collectionItem.collection}/${collectionItem.data.id}/${version}`} class={`inline-flex items-center rounded-md  px-2 py-1 text-xs font-medium text-indigo-700 ring-1 ring-inset ring-indigo-700/10 hover:bg-purple-100 hover:underline ${isCurrent ? 'bg-purple-100 text-purple-500 underline ' : 'bg-white'}`}>
+  <select id="version" class="block bg-gray-50 rounded-md border border-gray-200 px-1 py-0.5 text-xs"> 
+    {versions.map((version) => {
+      const isCurrent = currentPath.includes(version);
+      return <option selected={isCurrent} value={`/docs/${collectionItem.collection}/${collectionItem.data.id}/${version}`} class={`inline-flex items-center rounded-md  px-2 py-1 text-xs text-indigo-700 ring-1 ring-inset ring-indigo-700/10 hover:bg-purple-100 hover:underline ${isCurrent ? 'bg-purple-100 text-purple-500 underline ' : 'bg-white'}`}>
         <span>
           v{version} 
           {version === collectionItem.data.latestVersion && <span>(latest)</span>}
         </span>
-      </a>
-    </li>
-  })}
-  </ul>
-</div>
\ No newline at end of file
+      </option>
+    })}
+  </select>
+</div>
+
+<script>
+  document.getElementById('version')?.addEventListener('change', (e: any) => {
+    if (!e.target) return
+    window.location.href = e.target.value;
+  })
+</script>