diff --git a/apps/app-frontend/src/components/ui/ModpackVersionModal.vue b/apps/app-frontend/src/components/ui/ModpackVersionModal.vue
index f804be5870..9f0c52ace0 100644
--- a/apps/app-frontend/src/components/ui/ModpackVersionModal.vue
+++ b/apps/app-frontend/src/components/ui/ModpackVersionModal.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { CheckIcon } from '@modrinth/assets'
+import { CheckIcon, ExternalIcon } from '@modrinth/assets'
 import { Badge, Button } from '@modrinth/ui'
 import { computed, ref } from 'vue'
 
@@ -65,13 +65,13 @@ const onHide = () => {
 						<div class="table-cell table-text download-cell" />
 						<div class="name-cell table-cell table-text">Name</div>
 						<div class="table-cell table-text">Supports</div>
+						<div class="table-cell table-text download-cell" />
 					</div>
 					<div class="scrollable">
 						<div
 							v-for="version in filteredVersions"
 							:key="version.id"
-							class="table-row with-columns selectable"
-							@click="$router.push(`/project/${version.project_id}/version/${version.id}`)"
+							class="table-row with-columns"
 						>
 							<div class="table-cell table-text">
 								<Button
@@ -115,6 +115,14 @@ const onHide = () => {
 									{{ version.game_versions.join(', ') }}
 								</span>
 							</div>
+							<div class="table-cell table-text">
+								<Button
+									icon-only
+									@click.stop="$router.push(`/project/${version.project_id}/version/${version.id}`)"
+								>
+									<ExternalIcon />
+								</Button>
+							</div>
 						</div>
 					</div>
 				</div>
@@ -134,7 +142,7 @@ const onHide = () => {
 }
 
 .with-columns {
-	grid-template-columns: min-content 1fr 1fr;
+	grid-template-columns: min-content 1fr 1fr min-content;
 }
 
 .scrollable {