Resolve "Add border around the repository file tree"

app/assets/stylesheets/pages/tree.scss

@@ -104,11 +104,23 @@
       border-bottom: 1px solid $white-normal;
       border-top: 1px solid $white-normal;
 
+      &:last-of-type {
+        border-bottom-color: $white-light;
+      }
+
       td,
       th {
         line-height: 21px;
       }
 
+      th {
+        border-top-color: $gray-light;
+      }
+
+      td {
+        border-color: $border-color;
+      }
+
       &:hover:not(.tree-truncated-warning) {
         td {
           background-color: $blue-50;

app/views/projects/tree/_tree_content.html.haml

 .tree-content-holder.js-tree-content{ 'data-logs-path': @logs_path }
-  .table-holder
+  .table-holder.bordered-box
     %table.table#tree-slider{ class: "table_#{@hex_path} tree-table qa-file-tree" }
       %thead
         %tr

changelogs/unreleased/50264-add-border-around-the-repository-file-tree.yml

+---
+title: Resolve Add border around the repository file tree
+merge_request: 23018
+author:
+type: changed