diff --git a/src/components/layout/Panel.tsx b/src/components/layout/Panel.tsx
index 4804179f9..9f90ada95 100644
--- a/src/components/layout/Panel.tsx
+++ b/src/components/layout/Panel.tsx
@@ -1,3 +1,4 @@
+import classNames from 'classnames';
import type { ComponentChildren, JSX } from 'preact';
import type { IconComponent, CompositeProps } from '../../types';
@@ -96,7 +97,19 @@ export default function Panel({
{Icon && }
{title}
- {scrollable ? {panelContent} : <>{panelContent}>}
+ {scrollable ? (
+
+ {panelContent}
+
+ ) : (
+ <>{panelContent}>
+ )}
{buttons && (
{buttons}
diff --git a/src/pattern-library/components/patterns/layout/PanelPage.tsx b/src/pattern-library/components/patterns/layout/PanelPage.tsx
index 21dd0db40..fa050cf9f 100644
--- a/src/pattern-library/components/patterns/layout/PanelPage.tsx
+++ b/src/pattern-library/components/patterns/layout/PanelPage.tsx
@@ -42,17 +42,7 @@ export default function PanelPage() {
withSource
>
-
-
-
-
- >
- }
- scrollable
- >
+