diff --git a/ShadowEditor.UI/src/tree/Tree.jsx b/ShadowEditor.UI/src/tree/Tree.jsx
index c176a299..35f543c5 100644
--- a/ShadowEditor.UI/src/tree/Tree.jsx
+++ b/ShadowEditor.UI/src/tree/Tree.jsx
@@ -23,18 +23,18 @@ class Tree extends React.Component {
             list.push(this.createNode(n));
         });
 
-        return <ul>{list}</ul>;
+        return <ul className={classNames('Tree', className)} style={style}>{list}</ul>;
     }
 
     createNode(data) {
         const leaf = !data.children || data.children.length === 0;
-        const children = leaf ? null : (<ul>{data.children.map(n => {
+        const children = leaf ? null : (<ul className={'sub'}>{data.children.map(n => {
             return this.createNode(n);
         })}</ul>);
 
-        return <li value={data.value} key={data.value}>
+        return <li className={'node'} value={data.value} key={data.value}>
             <a href={'javascript:;'}>{data.text}</a>
-            {leaf ? null : <ul>{children}</ul>}
+            {leaf ? null : children}
         </li>;
     }
 }
diff --git a/ShadowEditor.UI/src/tree/css/Tree.css b/ShadowEditor.UI/src/tree/css/Tree.css
index e69de29b..4b9fe2b6 100644
--- a/ShadowEditor.UI/src/tree/css/Tree.css
+++ b/ShadowEditor.UI/src/tree/css/Tree.css
@@ -0,0 +1,16 @@
+.Tree {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.Tree .node a {
+    color: #555;
+    text-decoration: none;
+}
+
+.Tree .node .sub {
+    list-style: none;
+    margin: 0;
+    padding: 0 0 0 16px;
+}
\ No newline at end of file