diff --git a/src/features/trees/Tree.vue b/src/features/trees/Tree.vue
index 1f41d9c..d2c4d68 100644
--- a/src/features/trees/Tree.vue
+++ b/src/features/trees/Tree.vue
@@ -34,7 +34,9 @@ export default defineComponent({
                 jsx(() => (
                     <>
                         {currNodes.map(row => (
-                            <span class="row">{row.map(renderJSX)}</span>
+                            <span class="row tree-row" style="margin: 50px auto;">
+                                {row.map(renderJSX)}
+                            </span>
                         ))}
                     </>
                 ))
@@ -74,10 +76,6 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.row {
-    margin: 50px auto;
-}
-
 .left-side-nodes {
     position: absolute;
     left: 15px;
@@ -90,6 +88,11 @@ export default defineComponent({
     top: 65px;
 }
 
+.left-side-nodes :deep(.treeNode),
+.side-nodes :deep(.treeNode) {
+    margin: 20px auto;
+}
+
 .small :deep(.treeNode) {
     height: 60px;
     width: 60px;