diff --git a/package.json b/package.json
index 8533d8a..eb5728b 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "version": "2.0.0",
   "description": "Overlay for OBS to show the current talking clients in your Teamspeak 5 Channel",
   "author": "DerTyp7",
-  "homepage": "https://dertyp7.github.io/ts5-obs-overlay",
+  "homepage": "https://dertyp7.github.io/ts5-obs-overlay/#",
   "repository": {
     "type": "git",
     "url": "https://github.com/DerTyp7/ts5-obs-overlay"
diff --git a/src/Generator.tsx b/src/Generator.tsx
index d83a3a1..51de983 100644
--- a/src/Generator.tsx
+++ b/src/Generator.tsx
@@ -19,7 +19,7 @@ export default function Generator() {
 
   // Function to generate the output URL
   function generateUrl() {
-    const url = new URL(window.location.href.replace("/generate", ""));
+    const url = new URL(window.location.href.replace("/#/generate", ""));
     url.searchParams.set("remoteAppPort", remoteAppPort.toString());
     url.searchParams.set("showChannelName", showChannelName.toString());
     url.searchParams.set("hideNonTalking", hideNonTalking.toString());
diff --git a/src/main.tsx b/src/main.tsx
index 8eedfe1..7e3b701 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -2,10 +2,10 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App.tsx";
 import "@styles/index.scss";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter, HashRouter } from "react-router-dom";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
-  <BrowserRouter>
+  <HashRouter>
     <App />
-  </BrowserRouter>
+  </HashRouter>
 );