diff --git a/src/app/routes/repository/repository-commit/repository-commit.component.html b/src/app/routes/repository/repository-commit/repository-commit.component.html
index a6ff50f..9212e6f 100644
--- a/src/app/routes/repository/repository-commit/repository-commit.component.html
+++ b/src/app/routes/repository/repository-commit/repository-commit.component.html
@@ -99,8 +99,17 @@
         </div>
 
         <div *ngSwitchDefault class="comander-tree-row commander-tree-folder-row">
-            <cds-icon shape="folder-open" solid="true"></cds-icon>
-            <span class="comander-tree-row-text">
+            <ng-container *ngIf="!node.hideChildren">
+                <cds-icon shape="angle" class="commander-tree-arrow" size="sm" direction="down"
+                    (click)="hideChild(node)"></cds-icon>
+                <cds-icon shape="folder-open" solid="true" (click)="hideChild(node)"></cds-icon>
+            </ng-container>
+            <ng-container *ngIf="node.hideChildren">
+                <cds-icon shape="angle" class="commander-tree-arrow" direction="right" (click)="hideChild(node)">
+                </cds-icon>
+                <cds-icon shape="folder" solid="true" (click)="hideChild(node)"></cds-icon>
+            </ng-container>
+            <span cds-text="secondary" class="comander-tree-row-text" (click)="hideChild(node)">
                 {{node.name}}
             </span>
 
diff --git a/src/app/routes/repository/repository-commit/repository-commit.component.scss b/src/app/routes/repository/repository-commit/repository-commit.component.scss
index ed89492..28c8c51 100644
--- a/src/app/routes/repository/repository-commit/repository-commit.component.scss
+++ b/src/app/routes/repository/repository-commit/repository-commit.component.scss
@@ -80,3 +80,7 @@ cds-textarea {
     --cds-global-layout-space-xxl: 32px;
     --padding: var(--cds-global-space-4)
 }
+
+.commander-tree-arrow {
+    --color: var(--cds-global-color-warm-gray-400);
+}
diff --git a/src/app/routes/repository/repository-commit/repository-commit.component.ts b/src/app/routes/repository/repository-commit/repository-commit.component.ts
index 814b5ad..03dd054 100644
--- a/src/app/routes/repository/repository-commit/repository-commit.component.ts
+++ b/src/app/routes/repository/repository-commit/repository-commit.component.ts
@@ -168,4 +168,8 @@ export class RepositoryCommitComponent implements OnInit {
     }
 
 
+    hideChild(node: any) {
+        node.hideChildren = !node.hideChildren;
+    }
+
 }
diff --git a/src/app/shared/components/tree-view/tree-view.component.html b/src/app/shared/components/tree-view/tree-view.component.html
index da14994..e1b8b6b 100644
--- a/src/app/shared/components/tree-view/tree-view.component.html
+++ b/src/app/shared/components/tree-view/tree-view.component.html
@@ -12,7 +12,7 @@
             </ng-container>
 
         </div>
-        <ng-container *ngIf="node.children.length > 0">
+        <ng-container *ngIf="node.children.length > 0 && !node.hideChildren">
             <ng-container *ngTemplateOutlet="recursiveListTmpl; context:{ list: node.children, index: index+1 }">
             </ng-container>
         </ng-container>
diff --git a/src/app/shared/components/tree-view/tree-view.component.ts b/src/app/shared/components/tree-view/tree-view.component.ts
index a75f837..5d39d13 100644
--- a/src/app/shared/components/tree-view/tree-view.component.ts
+++ b/src/app/shared/components/tree-view/tree-view.component.ts
@@ -15,4 +15,5 @@ export class TreeViewComponent implements OnInit {
     ngOnInit(): void {
     }
 
+
 }
diff --git a/src/theme/tree.scss b/src/theme/tree.scss
index d469a08..6215c7e 100644
--- a/src/theme/tree.scss
+++ b/src/theme/tree.scss
@@ -53,6 +53,7 @@
     display: grid !important;
     grid-template-columns: 16px 1fr 0 0 auto;
     box-sizing: border-box !important;
+    margin-left: 16px;
     &:hover {
         grid-template-columns: 16px 1fr 24px 24px auto;
     }
@@ -60,7 +61,7 @@
 
 .commander-tree-folder-row {
     display: grid !important;
-    grid-template-columns: 16px 1fr auto;
+    grid-template-columns: 16px 16px 1fr auto;
 }
 
 .comander-tree-title {
@@ -76,6 +77,7 @@
 
 .commander-tree-item {
     --base-padding: 10px;
+    cursor: pointer;
     &:hover {
         background: var(--cds-global-color-gray-100);
     }