fix(sidebar): use ellipsis styling for overflowed text

Signed-off-by: Phil Kuang <pkuang@factset.com>
2021-12-02 17:10:00 -05:00
parent c2da6492fb
commit e5976071ea
2 changed files with 7 additions and 2 deletions
@@ -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>
      )}