diff --git a/components/REPL/index.tsx b/components/REPL/index.tsx
index c4a92ff..a279bce 100644
--- a/components/REPL/index.tsx
+++ b/components/REPL/index.tsx
@@ -1,11 +1,11 @@
-import { useRef, useState } from "react";
+import { MutableRefObject, useRef, useState } from "react";
 import REPLInput from "./REPLInput";
 import REPLHistory from "./REPLHistory";
 import styles from "../../styles/REPL/REPLComplete.module.css";
+import type { NextPage } from "next";
 
-const REPL = () => {
+const REPL: NextPage<{inputRef: MutableRefObject<HTMLInputElement|undefined>}> = ({ inputRef }) => {
     const [history, manipulateHistory] = useState<string[]>([]);
-    const inputRef = useRef<HTMLInputElement>();
     const onCommandExecuted = (result: string[]) => manipulateHistory(result.reverse().concat(history).slice(0, 1000));
     const onClearHistory = () => manipulateHistory([]);
 
diff --git a/pages/index.tsx b/pages/index.tsx
index e766b5b..d1efc8b 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -2,17 +2,24 @@ import type { NextPage } from "next";
 import Head from "next/head";
 import Link from "next/link";
 import { GithubLogo, InstagramLogo, DiscordLogo, GameController } from "phosphor-react";
+import { useRef } from "react";
 import REPL from "../components/REPL";
 import styles from "../styles/Home.module.css";
 
 const Home: NextPage = () => {
+  const inputRef = useRef<HTMLInputElement>();
+
+  const focusInput = () => {
+    console.log("Focus")
+    if (inputRef.current) inputRef.current.focus();};
+  
   return (<>
     <Head>
       <title>c0ntroller.de</title>
     </Head>
     <div className={styles.container}>
       <div className={styles.header}>
-        <span className={styles.spacer} />
+        <span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
         <Link href="https://git.c0ntroller.de/c0ntroller/frontpage"><a>Source</a></Link>
         <span className={styles.divider}>|</span>
         <Link href="https://git.c0ntroller.de/c0ntroller/frontpage/issues/new"><a>Bug?</a></Link>
@@ -31,9 +38,9 @@ const Home: NextPage = () => {
         </Link>
         <span className={styles.divider}>|</span>
         <Link href="https://steamcommunity.com/id/c0ntroller/" passHref><GameController color="var(--repl-color)" className={styles.iconLink} /></Link>
-        <span className={styles.spacer} />
+        <span className={styles.spacer} onClick={focusInput}>&nbsp;</span>
       </div>
-      <REPL />
+      <REPL inputRef={inputRef} />
     </div>
   </>);
 };
