1 files changed, 8 insertions, 1 deletions
diff --git a/app/assets/javascripts/vue_shared/components/file_tree.vue b/app/assets/javascripts/vue_shared/components/file_tree.vue
index e7817b8f910..2e0cdbb12f9 100644
--- a/app/assets/javascripts/vue_shared/components/file_tree.vue
+++ b/app/assets/javascripts/vue_shared/components/file_tree.vue
@@ -20,11 +20,16 @@ export default {
       return this.file.isHeader ? 0 : this.level + 1;
     },
   },
+  methods: {
+    hasChildren(childFile) {
+      return childFile.tree?.length;
+    },
+  },
 };
 </script>
 
 <template>
-  <div>
+  <div :style="{ '--level': level }">
     <component
       :is="fileRowComponent"
       :level="level"
@@ -39,6 +44,8 @@ export default {
         :file-row-component="fileRowComponent"
         :level="childFilesLevel"
         :file="childFile"
+        :class="{ 'tree-list-parent': hasChildren(childFile) }"
+        class="gl-relative"
         v-bind="$attrs"
         v-on="$listeners"
       />