diff --git a/src/dom-components/Keybinding.tsx b/src/dom-components/Keybinding.tsx
index bdbec1d..b00180f 100644
--- a/src/dom-components/Keybinding.tsx
+++ b/src/dom-components/Keybinding.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect } from "react";
+import React, { useCallback } from "react";
 import { formatKey } from "../helpers/keybinding-helpers";
 import "../static/css/keybinding.css";
 import { useStore } from "../store";
@@ -7,10 +7,6 @@ const Keybinding = () => {
   const setKeybindings = useStore((state) => state.setKeybindings);
   const bindings = useStore((state) => state.keybindings);
 
-  useEffect(() => {
-    document.title = "< keybinding >";
-  }, []);
-
   const handleRemap = useCallback(
     (keyToRemap: string, to: string) => {
       if (to.length === 1) to = to.toLowerCase();
diff --git a/src/dom-components/Options.tsx b/src/dom-components/Options.tsx
index 4019690..0f43b70 100644
--- a/src/dom-components/Options.tsx
+++ b/src/dom-components/Options.tsx
@@ -1,9 +1,13 @@
-import React from "react";
+import React, { useEffect } from "react";
 import Header from "./Header";
 import Keybinding from "./Keybinding";
 import Savefile from "./Savefile";
 
 const Options = () => {
+  useEffect(() => {
+    document.title = "< options >";
+  }, []);
+
   return (
     <>
       <Header />