diff --git a/package.json b/package.json
index 68c7072..6d348c7 100644
--- a/package.json
+++ b/package.json
@@ -13,8 +13,8 @@
     "@tauri-apps/api": "^1.5.1",
     "color.js": "^1.2.0",
     "preact": "^10.16.0",
+    "preact-router": "^4.1.2",
     "react-icons": "^4.12.0",
-    "react-router-dom": "^6.20.0",
     "zustand": "^4.4.6"
   },
   "devDependencies": {
diff --git a/src/main.tsx b/src/main.tsx
index 2f789f5..98772b5 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,14 +1,5 @@
 import { render } from "preact";
 
-import { createBrowserRouter, RouterProvider } from "react-router-dom";
-
 import App from "@ui/App";
 
-export const router = createBrowserRouter([
-    { path: "*", element: <App /> }
-]);
-
-render(
-    <RouterProvider router={router} />,
-    document.getElementById("root")!
-);
+render(<App />, document.getElementById("root")!);
diff --git a/src/ui/App.tsx b/src/ui/App.tsx
index 3c3876d..8c01fc0 100644
--- a/src/ui/App.tsx
+++ b/src/ui/App.tsx
@@ -1,4 +1,5 @@
-import { Route, Routes } from "react-router-dom";
+import Router, { Route } from "preact-router";
+
 
 import TopBar from "@components/TopBar.tsx";
 import Launcher from "@ui/layout/Launcher.tsx";
@@ -12,9 +13,9 @@ function App() {
         <div class={"App"}>
             <TopBar />
 
-            <Routes>
-                <Route path={PageRoutes.HOME} element={<Launcher />} />
-            </Routes>
+            <Router>
+                <Route path={PageRoutes.HOME} component={Launcher} />
+            </Router>
         </div>
     );
 }