diff --git a/report-viewer/src/components/ComparisonsTable.vue b/report-viewer/src/components/ComparisonsTable.vue
index c22f40f70..36fdb83cd 100644
--- a/report-viewer/src/components/ComparisonsTable.vue
+++ b/report-viewer/src/components/ComparisonsTable.vue
@@ -63,7 +63,12 @@
               <RouterLink
                 :to="{
                   name: 'ComparisonView',
-                  params: { firstId: item.firstSubmissionId, secondId: item.secondSubmissionId }
+                  params: {
+                    comparisonFileName: store().getComparisonFileName(
+                      item.firstSubmissionId,
+                      item.secondSubmissionId
+                    )
+                  }
                 }"
                 class="flex flex-grow flex-row"
               >
diff --git a/report-viewer/src/model/factories/ComparisonFactory.ts b/report-viewer/src/model/factories/ComparisonFactory.ts
index 355e2c795..03419f6c4 100644
--- a/report-viewer/src/model/factories/ComparisonFactory.ts
+++ b/report-viewer/src/model/factories/ComparisonFactory.ts
@@ -10,13 +10,8 @@ import { MetricType } from '../MetricType'
  * Factory class for creating Comparison objects
  */
 export class ComparisonFactory extends BaseFactory {
-  public static async getComparison(id1: string, id2: string): Promise<Comparison> {
-    const filePath = store().getComparisonFileName(id1, id2)
-    if (!filePath) {
-      throw new Error('Comparison file not specified')
-    }
-
-    return await this.extractComparison(JSON.parse(await this.getFile(filePath)))
+  public static async getComparison(fileName: string): Promise<Comparison> {
+    return await this.extractComparison(JSON.parse(await this.getFile(fileName)))
   }
 
   /**
diff --git a/report-viewer/src/router/index.ts b/report-viewer/src/router/index.ts
index 31283c13d..2db68f8f4 100644
--- a/report-viewer/src/router/index.ts
+++ b/report-viewer/src/router/index.ts
@@ -23,7 +23,7 @@ const router = createRouter({
       component: OverviewViewWrapper
     },
     {
-      path: '/comparison/:firstId/:secondId',
+      path: '/comparison/:comparisonFileName',
       name: 'ComparisonView',
       component: ComparisonViewWrapper,
       props: true
diff --git a/report-viewer/src/viewWrapper/ComparisonViewWrapper.vue b/report-viewer/src/viewWrapper/ComparisonViewWrapper.vue
index 96395207b..d64490bcb 100644
--- a/report-viewer/src/viewWrapper/ComparisonViewWrapper.vue
+++ b/report-viewer/src/viewWrapper/ComparisonViewWrapper.vue
@@ -1,11 +1,5 @@
 <template>
-  <ComparisonView
-    v-if="comparison && language"
-    :first-id="firstId"
-    :second-id="secondId"
-    :comparison="comparison"
-    :language="language"
-  />
+  <ComparisonView v-if="comparison && language" :comparison="comparison" :language="language" />
   <div
     v-else
     class="absolute bottom-0 left-0 right-0 top-0 flex flex-col items-center justify-center"
@@ -24,11 +18,7 @@ import { ComparisonFactory } from '@/model/factories/ComparisonFactory'
 import LoadingCircle from '@/components/LoadingCircle.vue'
 
 const props = defineProps({
-  firstId: {
-    type: String,
-    required: true
-  },
-  secondId: {
+  comparisonFileName: {
     type: String,
     required: true
   }
@@ -39,7 +29,7 @@ const language: Ref<HighlightLanguage | null> = ref(null)
 
 // This eslint rule is disabled to allow the use of await in the setup function. Disabling this rule is safe, because the props are gathered from the url, so changing them would reload the pafe anyway.
 // eslint-disable-next-line vue/no-setup-props-reactivity-loss
-ComparisonFactory.getComparison(props.firstId, props.secondId).then((comp) => {
+ComparisonFactory.getComparison(props.comparisonFileName).then((comp) => {
   comparison.value = comp
 })
 
diff --git a/report-viewer/src/views/ComparisonView.vue b/report-viewer/src/views/ComparisonView.vue
index a50bd1746..0bba99144 100644
--- a/report-viewer/src/views/ComparisonView.vue
+++ b/report-viewer/src/views/ComparisonView.vue
@@ -81,14 +81,6 @@ import { MetricType } from '@/model/MetricType'
 import { Comparison } from '@/model/Comparison'
 
 const props = defineProps({
-  firstId: {
-    type: String,
-    required: true
-  },
-  secondId: {
-    type: String,
-    required: true
-  },
   comparison: {
     type: Object as PropType<Comparison>,
     required: true
@@ -99,6 +91,8 @@ const props = defineProps({
   }
 })
 
+const firstId = computed(() => props.comparison.firstSubmissionId)
+const secondId = computed(() => props.comparison.secondSubmissionId)
 const filesOfFirst = computed(() => props.comparison.filesOfFirstSubmission)
 const filesOfSecond = computed(() => props.comparison.filesOfSecondSubmission)