chore: style updates

packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/StyledWrapper.js

@@ -7,6 +7,10 @@ const Wrapper = styled.div`
     justify-content: flex-end;
   }
 
+  .indent-block {
+    border-right: solid 1px #e1e1e1;
+  }
+
   .collection-item-name {
     height: 1.875rem;
     cursor: pointer;
@@ -39,6 +43,10 @@ const Wrapper = styled.div`
       .menu-icon {
         color: white !important;
       }
+
+      .indent-block {
+        border-right: solid 1px #6faaea;
+      }
     }
 
     div.tippy-box {

packages/grafnode-components/src/components/Sidebar/Collections/Collection/CollectionItem/index.js

@@ -61,11 +61,11 @@ const CollectionItem = ({item, collectionId, actions, dispatch, activeRequestTab
           {indents && indents.length ? indents.map((i) => {
             return (
               <div
+                className="indent-block"
                 key={i}
                 style = {{
                   width: 16,
-                  height: '100%',
+                  height: '100%'
-                  borderRight: 'solid 1px #e1e1e1'
                 }}
               >
                 &nbsp;{/* Indent */}

packages/grafnode-components/src/components/Sidebar/Collections/Collection/index.js

@@ -1,5 +1,5 @@
 import React, { forwardRef, useRef } from 'react';
-import { IconChevronRight, IconDots, IconDatabase } from '@tabler/icons';
+import { IconChevronRight, IconDots, IconWorld } from '@tabler/icons';
 import CollectionItem from './CollectionItem';
 import Dropdown from '../../../Dropdown';
 import get from 'lodash/get';
@@ -13,7 +13,7 @@ const Collection = ({collection, actions, dispatch, activeRequestTabId}) => {
   const EnvIcon = forwardRef((props, ref) => {
     return (
       <div ref={ref} className="mr-2">
-        <IconDatabase size={18} strokeWidth={1.5}/>
+        <IconWorld size={18} strokeWidth={1.5}/>
       </div>
     );
   });