diff --git a/web/src/views/repo/pipeline/PipelineChangedFiles.vue b/web/src/views/repo/pipeline/PipelineChangedFiles.vue
index 766c375f4f..0f3eac2e3e 100644
--- a/web/src/views/repo/pipeline/PipelineChangedFiles.vue
+++ b/web/src/views/repo/pipeline/PipelineChangedFiles.vue
@@ -1,11 +1,8 @@
 <template>
-  <Panel v-if="pipeline">
-    <div v-if="pipeline.changed_files === undefined || pipeline.changed_files.length < 1" class="w-full">
-      <span class="text-wp-text-100">{{ $t('repo.pipeline.no_files') }}</span>
-    </div>
-    <div v-for="file in pipeline.changed_files" v-else :key="file" class="w-full">
-      <div>- {{ file }}</div>
-    </div>
+  <Panel>
+    <ul class="list-disc list-inside w-full">
+      <li v-for="file in pipeline.changed_files" :key="file">{{ file }}</li>
+    </ul>
   </Panel>
 </template>
 
diff --git a/web/src/views/repo/pipeline/PipelineWrapper.vue b/web/src/views/repo/pipeline/PipelineWrapper.vue
index f8a53238a6..87f0100a97 100644
--- a/web/src/views/repo/pipeline/PipelineWrapper.vue
+++ b/web/src/views/repo/pipeline/PipelineWrapper.vue
@@ -61,9 +61,13 @@
       <Tab id="tasks" :title="$t('repo.pipeline.tasks')" />
       <Tab id="config" :title="$t('repo.pipeline.config')" />
       <Tab
-        v-if="pipeline.event === 'push' || pipeline.event === 'pull_request'"
+        v-if="
+          (pipeline.event === 'push' || pipeline.event === 'pull_request') &&
+          pipeline.changed_files &&
+          pipeline.changed_files.length > 0
+        "
         id="changed-files"
-        :title="$t('repo.pipeline.files', { files: pipeline.changed_files?.length || 0 })"
+        :title="$t('repo.pipeline.files', { files: pipeline.changed_files.length })"
       />
       <router-view />
     </Scaffold>