diff --git a/front/core/components/treeview/childs.html b/front/core/components/treeview/childs.html
index 54e408b004..7dd2423806 100644
--- a/front/core/components/treeview/childs.html
+++ b/front/core/components/treeview/childs.html
@@ -25,14 +25,16 @@
                 label="{{::item.name}}"> 
             </vn-check>
 -->
-            <vn-icon-button title="Create"
-                icon="add_circle"
-                ng-click="$ctrl.treeview.onCreate(item, item.childs)">
-            </vn-icon-button>
-            <vn-icon-button title="Remove"
-                icon="delete"
-                ng-click="$ctrl.treeview.onRemove(item, $ctrl.items, $ctrl.parent)">
-            </vn-icon-button>
+            <section class="buttons">
+                <vn-icon-button title="Create"
+                    icon="add_circle"
+                    ng-click="$ctrl.treeview.onCreate(item, item.childs)">
+                </vn-icon-button>
+                <vn-icon-button title="Remove"
+                    icon="delete"
+                    ng-click="$ctrl.treeview.onRemove(item, $ctrl.items, $ctrl.parent)">
+                </vn-icon-button>
+            </section>
         </div>
         <vn-treeview-childs
             items="item.childs"
diff --git a/front/core/components/treeview/style.scss b/front/core/components/treeview/style.scss
index 0432d15fbc..4bc7dd283e 100644
--- a/front/core/components/treeview/style.scss
+++ b/front/core/components/treeview/style.scss
@@ -20,9 +20,19 @@ vn-treeview-childs {
             }
         }
     }
+
     vn-icon-button {
         padding: 0;
     }
+
+    .node > .buttons {
+        display: none
+    }
+
+    .node:hover > .buttons {
+        display: block
+    }
+
     & > ul > li > .node {
         @extend %clickable;
         display: flex;