diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar/Sidebar.tsx
similarity index 96%
rename from src/components/Sidebar.tsx
rename to src/components/Sidebar/Sidebar.tsx
index 602108f..2bbe6b2 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar/Sidebar.tsx
@@ -8,8 +8,8 @@ import { faEllipsisV, faTimes } from "@fortawesome/free-solid-svg-icons"
 
 import SubMenu from "./SubMenu"
 
-import NavbarData, { Item } from "../data/NavbarData"
-import theming from "../styles/theming"
+import NavbarData, { Item } from "../../data/NavbarData"
+import theming from "../../styles/theming"
 
 const CommonSidebarToggleButtonStyle = css`
 	${theming.styles.navbarButtonStyle}
diff --git a/src/components/SubMenu.tsx b/src/components/Sidebar/SubMenu.tsx
similarity index 91%
rename from src/components/SubMenu.tsx
rename to src/components/Sidebar/SubMenu.tsx
index 6f5fb9f..3de7d04 100644
--- a/src/components/SubMenu.tsx
+++ b/src/components/Sidebar/SubMenu.tsx
@@ -6,8 +6,8 @@ import { useCallback, useState } from "react"
 import { Link } from "react-router-dom"
 import styled from "styled-components"
 
-import { Item } from "../data/NavbarData"
-import theming from "../styles/theming"
+import { Item } from "../../data/NavbarData"
+import theming from "../../styles/theming"
 
 const SidebarLink = styled(Link)`
 	${theming.styles.navbarButtonStyle};
diff --git a/src/components/Sidebar/index.ts b/src/components/Sidebar/index.ts
new file mode 100644
index 0000000..2161835
--- /dev/null
+++ b/src/components/Sidebar/index.ts
@@ -0,0 +1,3 @@
+import Sidebar from "./Sidebar"
+
+export default Sidebar