From 841ce4ffba2dca10d88acddbca0469eb8eec85ce Mon Sep 17 00:00:00 2001
From: Blake Stoddard <blake.stoddard@epicgames.com>
Date: Wed, 30 Nov 2022 14:01:32 -0500
Subject: [PATCH 1/2] align sidebar icons properly

right now they're off because the div is consuming the default mui line height of 1.43 and adding pixels to the bottom of the div

Signed-off-by: Blake Stoddard <blake.stoddard@epicgames.com>
---
 packages/core-components/src/layout/Sidebar/Items.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/core-components/src/layout/Sidebar/Items.tsx b/packages/core-components/src/layout/Sidebar/Items.tsx
index 031b1e5168..85335bf05a 100644
--- a/packages/core-components/src/layout/Sidebar/Items.tsx
+++ b/packages/core-components/src/layout/Sidebar/Items.tsx
@@ -140,6 +140,7 @@ const makeSidebarStyles = (sidebarConfig: SidebarConfig) =>
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
+        lineHeight: '0',
       },
       searchRoot: {
         marginBottom: 12,
@@ -371,12 +372,14 @@ const SidebarItemBase = forwardRef<any, SidebarItemProps>((props, ref) => {
   const { isOpen } = useSidebarOpenState();
 
   const divStyle =
-    !isOpen && hasSubmenu ? { display: 'flex', marginLeft: '24px' } : {};
+    !isOpen && hasSubmenu
+      ? { display: 'flex', marginLeft: '20px' }
+      : { lineHeight: '0' };
 
   const displayItemIcon = (
     <Box style={divStyle}>
       <Icon fontSize="small" />
-      {!isOpen && hasSubmenu ? <ArrowRightIcon /> : <></>}
+      {!isOpen && hasSubmenu ? <ArrowRightIcon fontSize="small" /> : <></>}
     </Box>
   );
 

From a236a8830dea5e83d992817b6b8fb8037b2e05a5 Mon Sep 17 00:00:00 2001
From: Blake Stoddard <blake.stoddard@epicgames.com>
Date: Tue, 13 Dec 2022 12:52:57 -0500
Subject: [PATCH 2/2] Add changeset

Signed-off-by: Blake Stoddard <blake.stoddard@epicgames.com>
---
 .changeset/dirty-bees-explode.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/dirty-bees-explode.md

diff --git a/.changeset/dirty-bees-explode.md b/.changeset/dirty-bees-explode.md
new file mode 100644
index 0000000000..0df3bc3b3e
--- /dev/null
+++ b/.changeset/dirty-bees-explode.md
@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Update sidebar icon alignment