diff --git a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
index 2d25d37..4c97a3c 100644
--- a/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
+++ b/src/components/AsideHeader/__stories__/AsideHeaderShowcase.tsx
@@ -173,7 +173,11 @@ export const AsideHeaderShowcase: FC<AsideHeaderShowcaseProps> = ({
                                 id: 'project-settings',
                                 icon: Gear,
                                 title: 'Settings with panel',
-                                tooltipText: 'Settings with panel',
+                                tooltipText: (
+                                    <div>
+                                        <b>Settings with panel</b>
+                                    </div>
+                                ),
                                 current: visiblePanel === Panel.ProjectSettings,
                                 onItemClick: () => {
                                     setVisiblePanel(
diff --git a/src/components/types.ts b/src/components/types.ts
index dead9cf..51be84b 100644
--- a/src/components/types.ts
+++ b/src/components/types.ts
@@ -15,7 +15,7 @@ export interface MakeItemParams {
 export interface MenuItem {
     id: string;
     title: React.ReactNode;
-    tooltipText?: string;
+    tooltipText?: React.ReactNode;
     icon?: IconProps['data'];
     iconSize?: number | string;
     link?: string;