diff --git a/assets/dist/styles.css b/assets/dist/styles.css
index f8e9cef..d654c26 100644
--- a/assets/dist/styles.css
+++ b/assets/dist/styles.css
@@ -954,6 +954,10 @@ body {
   transform: rotate(0deg) !important;
 }
 
+.c-collapse__openable {
+  margin-left: -2.3rem;
+}
+
 .c-collapse__head {
   display: flex;
   align-items: center;
diff --git a/assets/src/scss/05_components/_components.collapse.scss b/assets/src/scss/05_components/_components.collapse.scss
index cd5d5a9..dbd57ea 100644
--- a/assets/src/scss/05_components/_components.collapse.scss
+++ b/assets/src/scss/05_components/_components.collapse.scss
@@ -31,6 +31,10 @@
   }
 }
 
+.c-collapse__openable {
+  margin-left: -2.3rem;
+}
+
 .c-collapse__head {
   display: flex;
   align-items: center;
diff --git a/templates/components/folder_collapse.html.twig b/templates/components/folder_collapse.html.twig
index b52c416..931624d 100644
--- a/templates/components/folder_collapse.html.twig
+++ b/templates/components/folder_collapse.html.twig
@@ -3,7 +3,7 @@
 
 {% set hasChild = filesystem.listDirectory(node.path)|filter(child => child.isDir())|length > 0 %}
 
-<li {{ attributes.defaults({class: 'c-collapse', 'data-controller': hasChild ? 'mezcalito--ux-filemanager--collapse' : '', 'data-mezcalito--ux-filemanager--collapse-visible-value': "false"}) }}>
+<li {{ attributes.defaults({class: hasChild ? 'c-collapse c-collapse__openable' : 'c-collapse', 'data-controller': hasChild ? 'mezcalito--ux-filemanager--collapse' : '', 'data-mezcalito--ux-filemanager--collapse-visible-value': "false"}) }}>
 
     <div class='c-collapse__head{% if currentPath == node.path %} c-collapse__head--active{% endif %}'>
         {% if hasChild %}