diff --git a/src/index.tsx b/src/index.tsx
index 9f2a946..931818c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,11 +1,9 @@
 import { render } from "preact";
 import { LocationProvider, Router, Route } from "preact-iso";
-
-import { Header } from "./components/Header.jsx";
 import { Home } from "./pages/Home";
 import { NotFound } from "./pages/_404.jsx";
 import { DiscordPage } from "./pages/discord.jsx";
-import { ProxyFrame } from "./ProxyFrame.js";
+import { ProxyFrame } from "./pages/ProxyFrame.js";
 import { Settings } from "./pages/Settings/index.js";
 
 import "./style.css";
@@ -27,3 +25,4 @@ export function App() {
 }
 
 render(<App />, document.getElementById("app"));
+
diff --git a/src/ProxyFrame.tsx b/src/pages/ProxyFrame.tsx
similarity index 96%
rename from src/ProxyFrame.tsx
rename to src/pages/ProxyFrame.tsx
index 3993daa..45ee2b3 100644
--- a/src/ProxyFrame.tsx
+++ b/src/pages/ProxyFrame.tsx
@@ -1,4 +1,4 @@
-import { RammerheadEncode } from "./RammerheadEncode";
+import { RammerheadEncode } from "../util/RammerheadEncode";
 import { useEffect, useState } from "preact/hooks";
 
 declare global {
diff --git a/src/RammerheadEncode.tsx b/src/util/RammerheadEncode.ts
similarity index 100%
rename from src/RammerheadEncode.tsx
rename to src/util/RammerheadEncode.ts