1 files changed, 1 insertions, 6 deletions
diff --git a/app/assets/javascripts/vue_shared/components/file_row.vue b/app/assets/javascripts/vue_shared/components/file_row.vue
index 8a3a174f414..dfeb12d5cf5 100644
--- a/app/assets/javascripts/vue_shared/components/file_row.vue
+++ b/app/assets/javascripts/vue_shared/components/file_row.vue
@@ -43,11 +43,6 @@ export default {
     isBlob() {
       return this.file.type === 'blob';
     },
-    levelIndentation() {
-      return {
-        marginLeft: this.level ? `${this.level * 8}px` : null,
-      };
-    },
     fileClass() {
       return {
         'file-open': this.isBlob && this.file.opened,
@@ -144,7 +139,6 @@ export default {
     >
       <span
         ref="textOutput"
-        :style="levelIndentation"
         class="file-row-name"
         :title="file.name"
         data-qa-selector="file_name_content"
@@ -198,6 +192,7 @@ export default {
   line-height: 16px;
   text-overflow: ellipsis;
   white-space: nowrap;
+  margin-left: calc(var(--level) * 16px);
 }
 
 .file-row-name .file-row-icon {