diff --git a/theseus_gui/src/pages/project/Versions.vue b/theseus_gui/src/pages/project/Versions.vue
index ed1b8661f..480e81a80 100644
--- a/theseus_gui/src/pages/project/Versions.vue
+++ b/theseus_gui/src/pages/project/Versions.vue
@@ -166,18 +166,6 @@ import { releaseColor } from '@/helpers/utils'
 import { computed, ref, watch } from 'vue'
 import { SwapIcon } from '@/assets/icons/index.js'
 
-const filterVersions = ref([])
-const filterLoader = ref(props.instance ? [props.instance?.metadata?.loader] : [])
-const filterGameVersions = ref(props.instance ? [props.instance?.metadata?.game_version] : [])
-
-const currentPage = ref(1)
-
-const clearFilters = () => {
-  filterVersions.value = []
-  filterLoader.value = []
-  filterGameVersions.value = []
-}
-
 const props = defineProps({
   versions: {
     type: Array,
@@ -205,6 +193,18 @@ const props = defineProps({
   },
 })
 
+const filterVersions = ref([])
+const filterLoader = ref(props.instance ? [props.instance?.metadata?.loader] : [])
+const filterGameVersions = ref(props.instance ? [props.instance?.metadata?.game_version] : [])
+
+const currentPage = ref(1)
+
+const clearFilters = () => {
+  filterVersions.value = []
+  filterLoader.value = []
+  filterGameVersions.value = []
+}
+
 const filteredVersions = computed(() => {
   return props.versions.filter(
     (projectVersion) =>