diff --git a/src/Controller.svelte b/src/Controller.svelte
index f8f9460..44f00dc 100644
--- a/src/Controller.svelte
+++ b/src/Controller.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  const websocket = new WebSocket("ws://localhost:6789/");
+  const websocket: WebSocket = new WebSocket("ws://localhost:6789/");
 
   const sendAction = (key: string) => () => {
     websocket.send(JSON.stringify({ action: key }));
diff --git a/src/arrow.svg b/src/arrow.svg
new file mode 100644
index 0000000..f590efe
--- /dev/null
+++ b/src/arrow.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="8.0677929mm"
+   height="9.2203341mm"
+   viewBox="0 0 8.0677928 9.2203341"
+   version="1.1"
+   id="svg5"
+   sodipodi:docname="arrow.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="13.108739"
+     inkscape:cx="6.5986514"
+     inkscape:cy="-6.7512214"
+     inkscape:window-width="1920"
+     inkscape:window-height="1054"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-93.682808,-119.4171)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       x="91.903885"
+       y="129.03831"
+       id="text49897"><tspan
+         sodipodi:role="line"
+         id="tspan49895"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:17.6389px;font-family:Inter;-inkscape-font-specification:'Inter, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;stroke-width:0.264583"
+         x="91.903885"
+         y="129.03831">&gt;</tspan></text>
+    <g
+       aria-label="&gt;"
+       id="text51577"
+       style="font-size:10.5833px;line-height:1.25;stroke-width:0.264583">
+      <path
+         d="m 101.7506,124.52837 -8.067792,4.10906 v -1.60354 l 6.188649,-2.98157 -0.05011,0.10022 v -0.25055 l 0.05011,0.10022 -6.188649,-2.98158 v -1.60353 l 8.067792,4.10906 z"
+         style="font-size:17.6389px;font-family:Inter;-inkscape-font-specification:'Inter, Normal'"
+         id="path51587" />
+    </g>
+  </g>
+</svg>