diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx
index 08b420f66..e46c37d57 100644
--- a/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx
+++ b/packages/panels/src/components/sidebar-menu/SidebarMenu.stories.tsx
@@ -65,6 +65,10 @@ export const Overview = () => {
+
+
+
+
= ({
return (
= ({ onClick }) => {
return (
-
+
diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx
index 8c3418adf..e86bafefd 100644
--- a/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx
+++ b/packages/panels/src/components/sidebar-menu/SidebarMenuCollapsible.tsx
@@ -46,25 +46,25 @@ export const SidebarMenuCollapsible: React.FC = ({
background={"var(--current-background-color)"}
aria-expanded={expanded}
>
-
-
+
+
+
+
+
+
{expanded && (
-
+ <>
{children}
-
+ >
)}
);
diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx
index d5b2f03dd..a7ac93634 100644
--- a/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx
+++ b/packages/panels/src/components/sidebar-menu/SidebarMenuHeading.tsx
@@ -9,7 +9,7 @@ export const SidebarMenuHeading: React.FC = ({
label,
}) => {
return (
-
+
{label}
diff --git a/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx b/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx
index cbfd57763..41d9dc4d0 100644
--- a/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx
+++ b/packages/panels/src/components/sidebar-menu/SidebarMenuLink.tsx
@@ -65,7 +65,7 @@ export const SidebarMenuLink: React.FC = ({
const innerChildren = (
- {!hasContentLeft && }
+