diff --git a/src/components/Compare/SidebarStates.vue b/src/components/Compare/SidebarStates.vue
index d28eb6c..1ea9eef 100644
--- a/src/components/Compare/SidebarStates.vue
+++ b/src/components/Compare/SidebarStates.vue
@@ -13,7 +13,7 @@
       <p class="pl-2 text-base font-bold text-neutral-900">Summary</p>
     </template>
     <!-- header: summary -->
-    <div class="flex justify-start items-start">
+    <div v-if="primaryStatData && secondaryStatData" class="flex justify-start items-start">
       <!-- 001 -->
       <section class="w-[204px] box-border pr-4">
         <div class="mb-4">
@@ -386,6 +386,7 @@ const getStatData = (data, fileName) => {
 
 /** Populates progress bar values when the sidebar is shown. */
 const show = () => {
+  if (!primaryStatData.value || !secondaryStatData.value) return;
   primaryValueCases.value = primaryStatData.value.cases.ratio;
   primaryValueTraces.value = primaryStatData.value.traces.ratio;
   primaryValueTaskInstances.value = primaryStatData.value.task_instances.ratio;