X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/1d9efaa46b5e30f4b69fa8ebca99ea234a5d40c7..9230902521944497f96976064c5c7ae824786084:/src/views-components/project-tree/project-tree.tsx

diff --git a/src/views-components/project-tree/project-tree.tsx b/src/views-components/project-tree/project-tree.tsx
index 68c4c85772..3a84471c32 100644
--- a/src/views-components/project-tree/project-tree.tsx
+++ b/src/views-components/project-tree/project-tree.tsx
@@ -9,7 +9,7 @@ import Tree, { TreeItem, TreeItemStatus } from '../../components/tree/tree';
 import { ProjectResource } from '../../models/project';
 import { ProjectIcon } from '../../components/icon/icon';
 import { ArvadosTheme } from '../../common/custom-theme';
-import SingleListItem from '../../components/single-list-item/single-list-item';
+import ListItemTextIcon from '../../components/list-item-text-icon/list-item-text-icon';
 
 export interface ProjectTreeProps {
     projects: Array<TreeItem<ProjectResource>>;
@@ -21,16 +21,15 @@ export interface ProjectTreeProps {
 class ProjectTree<T> extends React.Component<ProjectTreeProps & WithStyles<CssRules>> {
     render(): ReactElement<any> {
         const { classes, projects, toggleOpen, toggleActive, onContextMenu } = this.props;
-        const { root } = classes;
         return (
-            <div className={root}>
+            <div className={classes.root}>
                 <Tree items={projects}
                     onContextMenu={onContextMenu}
                     toggleItemOpen={toggleOpen}
                     toggleItemActive={toggleActive}
                     render={
                         (project: TreeItem<ProjectResource>) =>
-                            <SingleListItem icon={ProjectIcon} name={project.data.name} isActive={project.active} hasMargin={true} />
+                            <ListItemTextIcon icon={ProjectIcon} name={project.data.name} isActive={project.active} hasMargin={true} />
                     }/>
             </div>
         );
