diff --git a/racevisionGame/src/main/java/visualiser/Controllers/RaceViewController.java b/racevisionGame/src/main/java/visualiser/Controllers/RaceViewController.java
index 20d3fc9f..1bb87897 100644
--- a/racevisionGame/src/main/java/visualiser/Controllers/RaceViewController.java
+++ b/racevisionGame/src/main/java/visualiser/Controllers/RaceViewController.java
@@ -1,9 +1,7 @@
 package visualiser.Controllers;
 
 import com.interactivemesh.jfx.importer.stl.StlMeshImporter;
-import com.sun.scenario.effect.impl.sw.sse.SSEBlend_SRC_OUTPeer;
 import eu.hansolo.medusa.*;
-import eu.hansolo.medusa.events.UpdateEvent;
 import javafx.animation.AnimationTimer;
 import javafx.application.Platform;
 import javafx.collections.FXCollections;
@@ -305,7 +303,7 @@ public class RaceViewController extends Controller {
          */
         fGauge = FGaugeBuilder
                 .create()
-                .prefSize(200, 200)
+                .prefSize(190, 190)
                 .gauge(gauge)
                 .gaugeDesign(GaugeDesign.METAL)
                 .gaugeBackground(GaugeDesign.GaugeBackground.CARBON)
@@ -939,6 +937,7 @@ public class RaceViewController extends Controller {
             raceCanvas.heightProperty().bind(canvasBase1.heightProperty());
 
             raceCanvas.setFullScreen(false);
+            raceCanvas.setOpacity(1);
 
             canvasBase.getChildren().remove(raceCanvas);
             canvasBase1.getChildren().add(0, raceCanvas);
diff --git a/racevisionGame/src/main/resources/images/raceViewUI_LowerLeft.png b/racevisionGame/src/main/resources/images/raceViewUI_LowerLeft.png
index 78a15d48..591f1e4b 100644
Binary files a/racevisionGame/src/main/resources/images/raceViewUI_LowerLeft.png and b/racevisionGame/src/main/resources/images/raceViewUI_LowerLeft.png differ
diff --git a/racevisionGame/src/main/resources/images/raceViewUI_LowerMiddle.png b/racevisionGame/src/main/resources/images/raceViewUI_LowerMiddle.png
new file mode 100644
index 00000000..be33ffe0
Binary files /dev/null and b/racevisionGame/src/main/resources/images/raceViewUI_LowerMiddle.png differ
diff --git a/racevisionGame/src/main/resources/images/raceViewUI_LowerRight.png b/racevisionGame/src/main/resources/images/raceViewUI_LowerRight.png
index daca76c3..8a3c0372 100644
Binary files a/racevisionGame/src/main/resources/images/raceViewUI_LowerRight.png and b/racevisionGame/src/main/resources/images/raceViewUI_LowerRight.png differ
diff --git a/racevisionGame/src/main/resources/images/raceViewUI_UpperMiddle.png b/racevisionGame/src/main/resources/images/raceViewUI_UpperMiddle.png
new file mode 100644
index 00000000..3cb7a5be
Binary files /dev/null and b/racevisionGame/src/main/resources/images/raceViewUI_UpperMiddle.png differ
diff --git a/racevisionGame/src/main/resources/visualiser/images/arrowSmall.png b/racevisionGame/src/main/resources/visualiser/images/arrowSmall.png
new file mode 100644
index 00000000..8f7841fd
Binary files /dev/null and b/racevisionGame/src/main/resources/visualiser/images/arrowSmall.png differ
diff --git a/racevisionGame/src/main/resources/visualiser/scenes/arrow.fxml b/racevisionGame/src/main/resources/visualiser/scenes/arrow.fxml
index 196c4c10..4367855f 100644
--- a/racevisionGame/src/main/resources/visualiser/scenes/arrow.fxml
+++ b/racevisionGame/src/main/resources/visualiser/scenes/arrow.fxml
@@ -1,49 +1,64 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
-<?import javafx.scene.layout.*?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.shape.Circle?>
 <?import javafx.scene.text.Font?>
-<GridPane fx:id="arrowGridPane" maxHeight="-Infinity" maxWidth="-Infinity" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.ArrowController">
+
+<GridPane fx:id="arrowGridPane" maxHeight="-Infinity" maxWidth="-Infinity" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.ArrowController">
    <columnConstraints>
       <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
    </columnConstraints>
    <rowConstraints>
-      <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
-      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+      <RowConstraints minHeight="20.0" vgrow="SOMETIMES" />
+      <RowConstraints minHeight="10.0" prefHeight="60.0" vgrow="SOMETIMES" />
    </rowConstraints>
    <children>
-      <Pane fx:id="compass" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="125.0" prefWidth="125.0">
+      <GridPane GridPane.rowIndex="1">
+         <columnConstraints>
+            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
+         </columnConstraints>
+         <rowConstraints>
+            <RowConstraints minHeight="50.0" vgrow="SOMETIMES" />
+         </rowConstraints>
          <children>
-            <StackPane fx:id="arrowStackPane" prefHeight="125.0" prefWidth="125.0">
+            <StackPane fx:id="arrowStackPane" prefHeight="50.0" prefWidth="50.0">
                <children>
-                  <ImageView fx:id="arrowImage" fitHeight="75.0" fitWidth="75.0">
+                  <ImageView fx:id="arrowImage" fitHeight="30.0" fitWidth="30.0" StackPane.alignment="CENTER">
                      <image>
                         <Image url="@../images/arrow.png" />
                      </image>
                   </ImageView>
+                  <Circle fx:id="circle" fill="#1f93ff00" radius="30.0" stroke="BLACK" strokeType="INSIDE" strokeWidth="3.0" StackPane.alignment="TOP_LEFT" />
                </children>
             </StackPane>
-            <Circle fx:id="circle" fill="#1f93ff00" layoutX="63.0" layoutY="63.0" radius="60.0" stroke="BLACK" strokeType="INSIDE" strokeWidth="3.0" />
-            <Label fx:id="northLabel" layoutX="55.0" layoutY="1.0" text="N">
+            <Label fx:id="northLabel" text="N" GridPane.halignment="CENTER" GridPane.valignment="TOP">
                <font>
-                  <Font name="System Bold" size="18.0" />
+                  <Font name="System Bold" size="10.0" />
                </font>
+               <padding>
+                  <Insets top="5.0" />
+               </padding>
             </Label>
-            <Label fx:id="windLabel" layoutX="42.0" layoutY="95.0" text="Wind">
+            <Label fx:id="windLabel" text="Wind" GridPane.halignment="CENTER" GridPane.valignment="BOTTOM">
                <font>
-                  <Font name="System Bold" size="16.0" />
+                  <Font name="System Bold" size="9.0" />
                </font>
+               <padding>
+                  <Insets bottom="5.0" />
+               </padding>
             </Label>
          </children>
-      </Pane>
-      <Label fx:id="speedLabel" text="SPEED" GridPane.halignment="CENTER" GridPane.hgrow="NEVER" GridPane.rowIndex="1">
+      </GridPane>
+      <Label fx:id="speedLabel" text="SPEED" GridPane.halignment="CENTER" GridPane.hgrow="NEVER" GridPane.valignment="TOP">
          <font>
-            <Font name="System Bold" size="16.0" />
+            <Font name="System Bold" size="10.0" />
          </font>
          <GridPane.margin>
             <Insets />
diff --git a/racevisionGame/src/main/resources/visualiser/scenes/newRaceView.fxml b/racevisionGame/src/main/resources/visualiser/scenes/newRaceView.fxml
index bb16575e..ac68b760 100644
--- a/racevisionGame/src/main/resources/visualiser/scenes/newRaceView.fxml
+++ b/racevisionGame/src/main/resources/visualiser/scenes/newRaceView.fxml
@@ -81,16 +81,16 @@
                                 </Accordion>
                             </children>
                         </Pane>
-                  <ImageView fitHeight="250.0" fitWidth="272.0" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="1.0">
+                  <ImageView fitHeight="250.0" fitWidth="272.0" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="1.0">
                      <image>
                         <Image url="@../../images/raceViewUI_LowerRight.png" />
                      </image>
                   </ImageView>
-                        <Label fx:id="timer" alignment="CENTER" maxHeight="20.0" text="0:0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
-                            <font>
-                                <Font name="System Bold" size="15.0" />
-                            </font>
-                        </Label>
+                  <ImageView fitHeight="250.0" fitWidth="272.0" layoutX="10.0" layoutY="10.0" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0">
+                     <image>
+                        <Image url="@../../images/raceViewUI_LowerLeft.png" />
+                     </image>
+                  </ImageView>
                         <Label fx:id="FPS" mouseTransparent="true" text="FPS: 0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0">
                             <font>
                                 <Font name="System Bold" size="15.0" />
@@ -104,21 +104,16 @@
                                 <Font name="System Bold" size="15.0" />
                             </font>
                         </Label>
-                        <StackPane fx:id="arrowPane" alignment="TOP_RIGHT" mouseTransparent="true" prefHeight="150.0" prefWidth="150.0" snapToPixel="false" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
-                            <children>
-                                <fx:include fx:id="arrow" source="arrow.fxml" />
-                            </children>
-                        </StackPane>
                         <Label fx:id="tutorialText" alignment="CENTER" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" style="-fx-border-color: orange; -fx-border-radius: 5px; -fx-background-color: #ffffcc; -fx-text-fill: #3399ff; -fx-border-width: 3; -fx-border-insets: -3;" text="This is the tutorial text" visible="false" AnchorPane.leftAnchor="150.0" AnchorPane.rightAnchor="150.0" AnchorPane.topAnchor="100.0" />
-                  <StackPane fx:id="speedPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="200.0" prefWidth="200.0" AnchorPane.bottomAnchor="5.0" AnchorPane.rightAnchor="5.0">
+                  <StackPane fx:id="speedPane" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" prefHeight="200.0" prefWidth="200.0" AnchorPane.bottomAnchor="14.0" AnchorPane.rightAnchor="2.0">
                      <padding>
                         <Insets right="20.0" />
                      </padding></StackPane>
-                  <AnchorPane maxHeight="200.0" maxWidth="200.0" mouseTransparent="true" opacity="0.6" prefHeight="200.0" prefWidth="200.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0">
+                  <AnchorPane maxHeight="145.0" maxWidth="145.0" minHeight="145.0" minWidth="145.0" mouseTransparent="true" prefHeight="145.0" prefWidth="145.0" AnchorPane.bottomAnchor="30.0" AnchorPane.leftAnchor="30.0">
                      <children>
-                        <AnchorPane maxHeight="200.0" maxWidth="200.0" prefHeight="200.0" prefWidth="216.0">
+                        <AnchorPane maxHeight="145.0" maxWidth="145.0" minHeight="145.0" minWidth="145.0" prefHeight="145.0" prefWidth="145.0">
                            <children>
-                                <GridPane fx:id="canvasBase1" maxHeight="200.0" maxWidth="200.0" prefHeight="200.0" prefWidth="216.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+                                <GridPane fx:id="canvasBase1" maxHeight="145.0" maxWidth="145.0" minHeight="145.0" minWidth="145.0" prefHeight="145.0" prefWidth="145.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
                                     <columnConstraints>
                                         <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
                                     </columnConstraints>
@@ -212,6 +207,32 @@
                   </GridPane>
                   </children>
               </AnchorPane>
+            <ImageView fitHeight="150.0" fitWidth="200.0" focusTraversable="true" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" StackPane.alignment="BOTTOM_CENTER">
+               <image>
+                  <Image url="@../../images/raceViewUI_LowerMiddle.png" />
+               </image>
+            </ImageView>
+            <ImageView fitHeight="115.0" fitWidth="255.0" mouseTransparent="true" pickOnBounds="true" preserveRatio="true" StackPane.alignment="TOP_CENTER">
+               <image>
+                  <Image url="@../../images/raceViewUI_UpperMiddle.png" />
+               </image>
+            </ImageView>
+                  <StackPane fx:id="arrowPane" alignment="TOP_CENTER" mouseTransparent="true" prefHeight="150.0" prefWidth="150.0" snapToPixel="false" StackPane.alignment="TOP_CENTER">
+                      <children>
+                          <fx:include fx:id="arrow" source="arrow.fxml" />
+                      </children>
+               <padding>
+                  <Insets left="2.0" top="5.0" />
+               </padding>
+                  </StackPane>
+                  <Label fx:id="timer" alignment="CENTER" maxHeight="20.0" mouseTransparent="true" text="0:0" StackPane.alignment="TOP_CENTER">
+                      <font>
+                          <Font size="9.0" />
+                      </font>
+               <padding>
+                  <Insets top="101.0" />
+               </padding>
+                  </Label>
             </children>
         </StackPane>
     </items>