diff --git a/src/components/Page/Header.tsx b/src/components/Page/Header.tsx
index 52b74aa..e89465a 100644
--- a/src/components/Page/Header.tsx
+++ b/src/components/Page/Header.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import clsx from 'clsx';
-import { Panel } from '../Panel';
+import { Panel } from '../Pane';
 
 export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     title?: string;
diff --git a/src/components/Panel/Container.tsx b/src/components/Pane/Container.tsx
similarity index 100%
rename from src/components/Panel/Container.tsx
rename to src/components/Pane/Container.tsx
diff --git a/src/components/Panel/Content.tsx b/src/components/Pane/Content.tsx
similarity index 100%
rename from src/components/Panel/Content.tsx
rename to src/components/Pane/Content.tsx
diff --git a/src/components/Panel/Pane.tsx b/src/components/Pane/Pane.tsx
similarity index 100%
rename from src/components/Panel/Pane.tsx
rename to src/components/Pane/Pane.tsx
diff --git a/src/components/Panel/__tests__/Pane.test.tsx b/src/components/Pane/__tests__/Pane.test.tsx
similarity index 100%
rename from src/components/Panel/__tests__/Pane.test.tsx
rename to src/components/Pane/__tests__/Pane.test.tsx
diff --git a/src/components/Panel/index.ts b/src/components/Pane/index.ts
similarity index 100%
rename from src/components/Panel/index.ts
rename to src/components/Pane/index.ts
diff --git a/src/components/index.ts b/src/components/index.ts
index b8208c2..4c3168c 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -3,7 +3,7 @@ export * from './Card';
 export * from './Container';
 export * from './Grid';
 export * from './Page';
-export * from './Panel';
+export * from './Pane';
 export * from './Icon';
 export * from './Modal';
 export * from './utils';
diff --git a/www/src/index.tsx b/www/src/index.tsx
index fd5c0d3..7e0b858 100644
--- a/www/src/index.tsx
+++ b/www/src/index.tsx
@@ -23,7 +23,7 @@ import FormGroup from '../../src/components/Form/Group';
 import FormLabel from '../../src/components/Form/Label';
 import FormMessage from '../../src/components/Form/Message';
 import { Tooltip } from '../../src/components/Tooltip';
-import Pane from '../../src/components/Panel/Pane';
+import Pane from '../../src/components/Pane/Pane';
 
 const TestControllable = () => {
     const [value, setValue] = useState('');