From 9ba87b819bebde011b92dc2e97deae6d36bc7a18 Mon Sep 17 00:00:00 2001
From: Joseph Izang <josephizang@gmail.com>
Date: Thu, 13 Jun 2024 17:37:11 +0100
Subject: [PATCH] fix indentation

---
 .../src/lib/tree-view-item/tree-view-item.css        |  7 +++++++
 .../src/lib/tree-view-item/tree-view-item.tsx        | 12 ++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.css b/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.css
index e69de29bb2..792a4adca0 100644
--- a/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.css
+++ b/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.css
@@ -0,0 +1,7 @@
+.remixui_mouseover {
+
+}
+
+.remixui_mouseover:hover {
+  cursor: pointer;
+}
diff --git a/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx b/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx
index 87019d0a1c..bd6c7b95e3 100644
--- a/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx
+++ b/libs/remix-ui/tree-view/src/lib/tree-view-item/tree-view-item.tsx
@@ -12,7 +12,13 @@ export const TreeViewItem = (props: TreeViewItemProps) => {
   }, [expand])
 
   return (
-    <li ref={innerRef} key={`treeViewLi${id}`} data-id={`treeViewLi${id}`} className="li_tv" {...otherProps}>
+    <li
+      ref={innerRef}
+      key={`treeViewLi${id}`}
+      data-id={`treeViewLi${id}`}
+      className={`li_tv remixui_mouseover`}
+      {...otherProps}
+    >
       <div
         key={`treeViewDiv${id}`}
         data-id={`treeViewDiv${id}`}
@@ -28,7 +34,9 @@ export const TreeViewItem = (props: TreeViewItemProps) => {
         ) : null}
         <span className="w-100 ml-1 pl-2">{label}</span>
       </div>
-      {isExpanded ? children : null}
+      {isExpanded ? <div className="pl-3">
+        {children}
+      </div> : null}
     </li>
   )
 }