diff --git a/visualiser/src/main/java/seng302/Controllers/ConnectionController.java b/visualiser/src/main/java/seng302/Controllers/ConnectionController.java
index afb417d9..4e4eb2d0 100644
--- a/visualiser/src/main/java/seng302/Controllers/ConnectionController.java
+++ b/visualiser/src/main/java/seng302/Controllers/ConnectionController.java
@@ -6,6 +6,7 @@ import javafx.fxml.FXML;
 import javafx.scene.control.Button;
 import javafx.scene.control.TableColumn;
 import javafx.scene.control.TableView;
+import javafx.scene.control.TextField;
 import javafx.scene.layout.AnchorPane;
 import seng302.RaceConnection;
 
@@ -31,16 +32,21 @@ public class ConnectionController extends Controller {
     @FXML
     private Button connectButton;
 
-    private List<RaceConnection> connections;
+    @FXML
+    private TextField urlField;
+    @FXML
+    private TextField portField;
+
+    private ObservableList<RaceConnection> connections;
 
     @Override
     public void initialize(URL location, ResourceBundle resources) {
         // TODO - replace with config file
-        connections = new ArrayList<>();
+        connections = FXCollections.observableArrayList();
         connections.add(new RaceConnection("livedata.americascup.com", 4941));
         connections.add(new RaceConnection("localhost", 4942));
 
-        connectionTable.setItems(FXCollections.observableArrayList(connections));
+        connectionTable.setItems(connections);
         hostnameColumn.setCellValueFactory(cellData -> cellData.getValue().hostnameProperty());
         statusColumn.setCellValueFactory(cellData -> cellData.getValue().statusProperty());
 
@@ -60,6 +66,10 @@ public class ConnectionController extends Controller {
         }
     }
 
+    public AnchorPane startWrapper(){
+        return connectionWrapper;
+    }
+
     /**
      * Connects to host currently selected in table. Button enabled only if host is ready.
      */
@@ -71,4 +81,19 @@ public class ConnectionController extends Controller {
             parent.enterLobby(socket);
         } catch (IOException e) { /* Never reached */ }
     }
+
+    /**
+     * adds a new connection
+     */
+    public void addConnection(){
+        String hostName = urlField.getText();
+        String portString = portField.getText();
+        try{
+            int port = Integer.parseInt(portString);
+            connections.add(new RaceConnection(hostName, port));
+        }catch(NumberFormatException e){
+            System.err.println("Port number entered is not a number");
+        }
+
+    }
 }
diff --git a/visualiser/src/main/java/seng302/Controllers/MainController.java b/visualiser/src/main/java/seng302/Controllers/MainController.java
index 736fc5c2..22c9c2ed 100644
--- a/visualiser/src/main/java/seng302/Controllers/MainController.java
+++ b/visualiser/src/main/java/seng302/Controllers/MainController.java
@@ -43,5 +43,10 @@ public class MainController extends Controller {
         AnchorPane.setBottomAnchor(startController.startWrapper(), 0.0);
         AnchorPane.setLeftAnchor(startController.startWrapper(), 0.0);
         AnchorPane.setRightAnchor(startController.startWrapper(), 0.0);
+
+        AnchorPane.setTopAnchor(connectionController.startWrapper(), 0.0);
+        AnchorPane.setBottomAnchor(connectionController.startWrapper(), 0.0);
+        AnchorPane.setLeftAnchor(connectionController.startWrapper(), 0.0);
+        AnchorPane.setRightAnchor(connectionController.startWrapper(), 0.0);
     }
 }
diff --git a/visualiser/src/main/resources/scenes/connect.fxml b/visualiser/src/main/resources/scenes/connect.fxml
index e9e9cc52..86c25190 100644
--- a/visualiser/src/main/resources/scenes/connect.fxml
+++ b/visualiser/src/main/resources/scenes/connect.fxml
@@ -1,5 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import java.lang.*?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.text.*?>
 <?import javafx.geometry.Insets?>
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
@@ -11,7 +16,7 @@
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.text.Font?>
 
-<AnchorPane fx:id="connectionWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.Controllers.ConnectionController">
+<AnchorPane fx:id="connectionWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="seng302.Controllers.ConnectionController">
    <children>
       <GridPane fx:id="connection" prefHeight="600.0" prefWidth="780.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
          <columnConstraints>
@@ -22,6 +27,7 @@
             <RowConstraints maxHeight="182.0" minHeight="10.0" prefHeight="182.0" vgrow="SOMETIMES" />
             <RowConstraints maxHeight="434.0" minHeight="10.0" prefHeight="434.0" vgrow="SOMETIMES" />
             <RowConstraints maxHeight="174.0" minHeight="10.0" prefHeight="174.0" vgrow="SOMETIMES" />
+            <RowConstraints maxHeight="80.0" minHeight="50.0" prefHeight="80.0" vgrow="SOMETIMES" />
          </rowConstraints>
          <children>
             <TableView fx:id="connectionTable" prefHeight="200.0" prefWidth="1080.0" GridPane.columnSpan="2" GridPane.rowIndex="1">
@@ -33,12 +39,12 @@
                   <Insets left="50.0" right="50.0" />
                </GridPane.margin>
             </TableView>
-            <Button mnemonicParsing="false" onAction="#checkConnections" text="Refresh" GridPane.halignment="RIGHT" GridPane.rowIndex="2">
+            <Button mnemonicParsing="false" onAction="#checkConnections" text="Refresh" GridPane.halignment="RIGHT" GridPane.rowIndex="3">
                <GridPane.margin>
                   <Insets right="20.0" />
                </GridPane.margin>
             </Button>
-            <Button fx:id="connectButton" mnemonicParsing="false" onAction="#connectSocket" text="Connect" GridPane.columnIndex="1" GridPane.halignment="LEFT" GridPane.rowIndex="2">
+            <Button fx:id="connectButton" mnemonicParsing="false" onAction="#connectSocket" text="Connect" GridPane.columnIndex="1" GridPane.halignment="LEFT" GridPane.rowIndex="3">
                <GridPane.margin>
                   <Insets left="20.0" />
                </GridPane.margin>
@@ -48,6 +54,32 @@
                   <Font size="36.0" />
                </font>
             </Label>
+            <GridPane GridPane.columnSpan="2" GridPane.rowIndex="2">
+              <columnConstraints>
+                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+                  <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+              </columnConstraints>
+              <rowConstraints>
+                  <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+              </rowConstraints>
+               <children>
+                  <TextField fx:id="urlField" GridPane.rowIndex="1">
+                     <GridPane.margin>
+                        <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                     </GridPane.margin>
+                  </TextField>
+                  <TextField fx:id="portField" GridPane.columnIndex="1" GridPane.rowIndex="1">
+                     <GridPane.margin>
+                        <Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+                     </GridPane.margin>
+                  </TextField>
+                  <Button mnemonicParsing="false" onAction="#addConnection" text="Add New Connection" GridPane.columnIndex="2" GridPane.halignment="CENTER" GridPane.rowIndex="1" GridPane.valignment="CENTER" />
+                  <Label text="Host Name:" GridPane.halignment="CENTER" GridPane.valignment="BOTTOM" />
+                  <Label text="Port:" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.valignment="BOTTOM" />
+               </children>
+            </GridPane>
          </children>
       </GridPane>
    </children>