From 6735bd3ea14cd3ba16472a5939b6632de556dc8a Mon Sep 17 00:00:00 2001
From: Rakesh Thera <v-rthera@expediagroup.com>
Date: Fri, 22 Apr 2022 19:44:29 +0530
Subject: [PATCH] New PR with right sign off

Signed-off-by: Rakesh Thera <v-rthera@expediagroup.com>
---
 .../core-components/src/layout/Sidebar/Items.tsx    | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/core-components/src/layout/Sidebar/Items.tsx b/packages/core-components/src/layout/Sidebar/Items.tsx
index 4a0376946a..b227d81dc1 100644
--- a/packages/core-components/src/layout/Sidebar/Items.tsx
+++ b/packages/core-components/src/layout/Sidebar/Items.tsx
@@ -369,6 +369,18 @@ const SidebarItemBase = forwardRef<any, SidebarItemProps>((props, ref) => {
   // Still waiting on a Q answered to fine tune the implementation
   const { isOpen } = useContext(SidebarContext);
 
+  const divStyle =
+    !isOpen && children ? { marginLeft: '24px', marginBottom: '4px' } : {};
+
+  const displayItemIcon = (
+    <>
+      <div style={divStyle}>
+        <Icon fontSize="small" />
+        {!isOpen && children ? <ArrowRightIcon /> : <></>}
+      </div>
+    </>
+  );
+
   const itemIcon = (
     <Badge
       color="secondary"
@@ -378,6 +390,7 @@ const SidebarItemBase = forwardRef<any, SidebarItemProps>((props, ref) => {
       className={classnames({ [classes.closedItemIcon]: !isOpen })}
     >
       <Icon fontSize="small" />
+      {displayItemIcon}
     </Badge>
   );