diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index 2b39d64..b89e0de 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -1,9 +1,9 @@
 import styled from "styled-components"
 import { Link } from "react-router-dom"
 
-import ThemeToggleButton from "../ThemeToggleButton"
-import ReadProgress from "../ReadProgress"
 import Sidebar from "../Sidebar"
+import ThemeToggleButton from "./ThemeToggleButton"
+import ReadProgress from "./ReadProgress"
 import SearchButton from "./SearchButton"
 import NavLinks from "./NavLinks"
 
diff --git a/src/components/ReadProgress.tsx b/src/components/Navbar/ReadProgress.tsx
similarity index 97%
rename from src/components/ReadProgress.tsx
rename to src/components/Navbar/ReadProgress.tsx
index 0ac80f0..b7170ab 100644
--- a/src/components/ReadProgress.tsx
+++ b/src/components/Navbar/ReadProgress.tsx
@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react"
 import { useLocation } from "react-router-dom"
 import styled from "styled-components"
 
-import theming from "../styles/theming"
+import theming from "../../styles/theming"
 
 const StyledReadProgressBackground = styled.div`
 	height: 0.2rem;
diff --git a/src/components/ThemeToggleButton.tsx b/src/components/Navbar/ThemeToggleButton.tsx
similarity index 96%
rename from src/components/ThemeToggleButton.tsx
rename to src/components/Navbar/ThemeToggleButton.tsx
index 41d44fb..1258724 100644
--- a/src/components/ThemeToggleButton.tsx
+++ b/src/components/Navbar/ThemeToggleButton.tsx
@@ -5,7 +5,7 @@ import ReactTooltip from "react-tooltip"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faMoon, faSun } from "@fortawesome/free-solid-svg-icons"
 
-import theming from "../styles/theming"
+import theming from "../../styles/theming"
 
 const StyledThemeButton = styled.div`
 	${theming.styles.navbarButtonStyle}