React - Demo 1 - Aside - Bootstrap Icons not styled or lining up

This is a solution. The icons didn't line up for me when using font icons with the aside. it can be easily fixed by changing:

{fontIcon && aside.menuIcon === "font" && <i className={clsx("bi fs-3", fontIcon)}></i>}

{fontIcon && aside.menuIcon === "font" && (
 <span className="menu-icon">
 <i className={clsx("bi fs-3", fontIcon)}></i>
 </span>
 )}

Hi John,

Thank you, I will share your solution with our developers.

Regards,
Keenthemes support

Metronic