diff --git a/services/mankkoo-ui/components/menu/MenuItem.tsx b/services/mankkoo-ui/components/menu/MenuItem.tsx
index a805b5f..1421c0d 100644
--- a/services/mankkoo-ui/components/menu/MenuItem.tsx
+++ b/services/mankkoo-ui/components/menu/MenuItem.tsx
@@ -3,11 +3,12 @@ import classes from './MenuItem.module.css'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { IconDefinition } from '@fortawesome/fontawesome-common-types'
 
-export default function MenuItem({text, link, icon}: {text: string, link: string, icon: IconDefinition | undefined}) {
+export default function MenuItem({text, link, icon}: {text: string, link: string, icon?: IconDefinition}) {
+    const fontAwesomeIcon = (icon !== undefined) ? <FontAwesomeIcon icon={icon}/> : ""
     return (
         <li className={classes.menuItem}>
             <Link href={link}>
-                <FontAwesomeIcon icon={icon}/>
+                {fontAwesomeIcon}
                 <p>{text}</p>
             </Link>
         </li>