Merge pull request #8350 from kuangp/fix/sidebar

fix(sidebar): use ellipsis styling for overflowed text

.changeset/olive-pens-poke.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Use ellipsis style for overflowed text in sidebar menu

packages/core-components/src/layout/Sidebar/Items.tsx

@@ -235,7 +235,7 @@ const SidebarItemWithSubmenu = ({
         {itemIcon}
       </div>
       {text && (
-        <Typography variant="subtitle2" className={classes.text}>
+        <Typography variant="subtitle2" className={classes.label}>
           {text}
         </Typography>
       )}
@@ -402,7 +402,7 @@ export const SidebarItem = forwardRef<any, SidebarItemProps>((props, ref) => {
         {itemIcon}
       </div>
       {text && (
-        <Typography variant="subtitle2" className={classes.text}>
+        <Typography variant="subtitle2" className={classes.label}>
           {text}
         </Typography>
       )}