diff --git a/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts b/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts
index 415b55e2d8c1770fb0045e6b8eec5bb6afe56585..5d03f2f088f0c828feed5ff27a4573d2b3056871 100644
--- a/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts
+++ b/src/app/client/src/app/modules/resource/components/collection-player/collection-player.component.spec.ts
@@ -69,18 +69,18 @@ describe('CollectionPlayerComponent', () => {
       loaderMessage: 'Fetching content details!'
     });
     expect(component.collectionTreeOptions).toEqual({
-      fileIcon: 'fa fa-file-o fa-lg',
+      fileIcon: 'sb-icon-content',
       customFileIcon: {
-        'video': 'fa fa-file-video-o fa-lg',
-        'pdf': 'fa fa-file-pdf-o fa-lg',
-        'youtube': 'fa fa-youtube fa-lg fancy_tree_red',
-        'H5P': 'fa fa-html5 fa-lg',
-        'audio': 'fa fa-file-audio-o fa-lg',
-        'ECML': 'fa fa-file-code-o fa-lg',
-        'HTML': 'fa fa-html5 fa-lg',
-        'collection': 'fa fa-file-archive-o fa-lg',
-        'epub': 'fa fa-file-text fa-lg',
-        'doc': 'fa fa-file-text fa-lg'
+        'video': 'sb-icon-video',
+        'pdf': 'sb-icon-doc',
+        'youtube': 'sb-icon-video',
+        'H5P': 'sb-icon-content',
+        'audio': 'sb-icon-mp3',
+        'ECML': 'sb-icon-content',
+        'HTML': 'sb-icon-content',
+        'collection': 'sb-icon-collection',
+        'epub': 'sb-icon-doc',
+        'doc': 'sb-icon-doc'
       }
     });
   });
diff --git a/src/app/client/src/assets/styles/components/ui.fancytree.scss b/src/app/client/src/assets/styles/components/ui.fancytree.scss
index eb83472061b93d3773d021d3c930f00ee60a05e9..e715b994492c914697a511c04cbd9ff4f0ddf055 100644
--- a/src/app/client/src/assets/styles/components/ui.fancytree.scss
+++ b/src/app/client/src/assets/styles/components/ui.fancytree.scss
@@ -18,8 +18,11 @@
   pointer-events: none;
   opacity: .6;
 }
-.ui-fancytree {
-  margin: 0;
+.ui-fancytree,
+.ui-fancytree ul {
+  margin: 0 0 0 (3 * $base-block-space);
+  padding: 0 $base-block-space;
+  border-left: 1px dotted $gray-800;
 
   &:focus {
     outline: none;
@@ -45,8 +48,12 @@
     margin-bottom: $base-block-space;
   }
 
+  .fancytree-has-children {
+    margin-left: -(2.5 * $base-block-space);
+  }
+
   .fa-caret-right,
   .fa-caret-down {
-    margin: 0 $base-block-space 0 0;
+    margin: 0 (2 * $base-block-space) 0 0;
   }
 }
\ No newline at end of file