diff --git a/buildtime/client/logical-editor/src/components/PropertySideBar.jsx b/buildtime/client/logical-editor/src/components/PropertySideBar.jsx
index 0d67c529c..0aa2f7b3f 100644
--- a/buildtime/client/logical-editor/src/components/PropertySideBar.jsx
+++ b/buildtime/client/logical-editor/src/components/PropertySideBar.jsx
@@ -11,9 +11,7 @@ const PropertySideBar = ({ properties }) => {
{properties.map((node) => (
- -
- {node.label}
-
+
))}
...
diff --git a/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx b/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx
index 7ed5f1920..75733205b 100644
--- a/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx
+++ b/buildtime/client/logical-editor/src/components/PropertyTreeView.jsx
@@ -2,7 +2,7 @@ import React from 'react';
import { useState } from 'react';
import { ChevronRightIcon } from '@heroicons/react/16/solid';
-import { DocumentIcon, FolderIcon } from '@heroicons/react/24/solid';
+import { DocumentIcon, FolderIcon } from '@heroicons/react/16/solid';
const PropertyTreeView = ({ node, key }) => {
const [expanded, setExpanded] = useState(true);
@@ -17,21 +17,11 @@ const PropertyTreeView = ({ node, key }) => {
/>
)}
-
- {node.subPropertygroups ? (
-
- ) : (
-
- )}
- {node.label}
+ {node.label}
{expanded && (
-
+
{node.subPropertygroups?.map((node) => (
))}