diff --git a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/addword.fxml b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/addword.fxml
index 941ce91..6e2ee09 100644
--- a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/addword.fxml	
+++ b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/addword.fxml	
@@ -16,7 +16,7 @@
 <?import javafx.scene.text.Font?>
 <?import javafx.scene.text.Text?>
 
-<BorderPane fx:id="container" minHeight="550" minWidth="500" stylesheets="" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="uk.ac.aber.cs22120.group20.javafx.AddWordController">
+<BorderPane  minHeight="550" minWidth="500" stylesheets="" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="uk.ac.aber.cs22120.group20.javafx.AddWordController">
 
     <left>
 
@@ -139,7 +139,6 @@
                 <RowConstraints maxHeight="133.0" minHeight="10.0" prefHeight="28.999979654947936" vgrow="SOMETIMES" />
                 <RowConstraints maxHeight="129.33331298828125" minHeight="10.0" prefHeight="129.33331298828125" vgrow="SOMETIMES" />
             </rowConstraints>
-            <children>
                 <Label alignment="CENTER" prefHeight="17.0" prefWidth="105.0" text="English" GridPane.columnIndex="1" GridPane.rowIndex="2" />
                 <Label alignment="CENTER" prefHeight="17.0" prefWidth="105.0" text="Welsh" GridPane.columnIndex="5" GridPane.rowIndex="2" />
                 <ComboBox fx:id="wordType" prefHeight="25.0" prefWidth="275.0" promptText="Type" GridPane.columnIndex="3" GridPane.rowIndex="3" />
@@ -160,7 +159,7 @@
                     <rowConstraints>
                         <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
                     </rowConstraints>
-                    <children>
+
                         <Button maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" onAction="#addCharch" text="ch" />
                         <Button maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" onAction="#addChardd" text="dd" GridPane.columnIndex="1" />
                         <Button maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" onAction="#addCharff" text="ff" GridPane.columnIndex="2" />
@@ -169,9 +168,9 @@
                         <Button maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" onAction="#addCharph" text="ph" GridPane.columnIndex="5" />
                         <Button maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" onAction="#addCharrh" text="rh" GridPane.columnIndex="6" />
                         <Button maxWidth="1.7976931348623157E308" minHeight="-Infinity" minWidth="-Infinity" mnemonicParsing="false" onAction="#addCharth" text="th" GridPane.columnIndex="7" />
-                    </children>
+
                 </GridPane>
-            </children>
+
         </GridPane>
 
     </center>
diff --git a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/dictionary.fxml b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/dictionary.fxml
index d2bf521..e9a6e32 100644
--- a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/dictionary.fxml	
+++ b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/dictionary.fxml	
@@ -1,27 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.geometry.Insets?>
-<?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.TableColumn?>
 <?import javafx.scene.control.TableView?>
 <?import javafx.scene.control.TextField?>
-<?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
-<?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
-
 <?import javafx.scene.layout.*?>
-
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.image.ImageView?>
 <?import javafx.scene.text.Text?>
-<?import javafx.scene.text.Font?>
+
 <BorderPane xmlns="http://javafx.com/javafx"
             xmlns:fx="http://javafx.com/fxml"
             fx:controller="uk.ac.aber.cs22120.group20.javafx.DictionaryController"
-            fx:id="container"
             stylesheets=""
             minWidth="450"
             minHeight="550"
@@ -31,56 +24,56 @@
     <left>
 
         <StackPane fx:id="outerBar">
-            <Rectangle fx:id="sideBar" fill="dimgray" height="${outerBar.height}" width="50"></Rectangle>
+            <Rectangle fx:id="sideBar" fill="dimgray" height="${outerBar.height}" width="50"/>
 
             <VBox spacing="300">
 
                 <VBox alignment="TOP_CENTER" maxHeight="${outerBar.height}">
                     <StackPane onMouseClicked="#dictionaryIconClick">
-                        <Rectangle fill="white" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="white" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="dictionaryText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="dictionaryIcon"></ImageView>
+                            <ImageView fx:id="dictionaryIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#practiceListIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="practiceListTest" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="practiceListIcon"></ImageView>
+                            <ImageView fx:id="practiceListIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#flashcardIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="flashcardsText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="flashcardIcon"></ImageView>
+                            <ImageView fx:id="flashcardIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#studyIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="studyText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="studyIcon"></ImageView>
+                            <ImageView fx:id="studyIcon"/>
                         </HBox>
                     </StackPane>
 
@@ -89,15 +82,15 @@
 
 
                 <StackPane alignment="BOTTOM_CENTER" onMouseClicked="#addWordIconClick">
-                    <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                    <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
 
                     <HBox alignment="CENTER_RIGHT">
                         <Text fx:id="addDefinitionText" fill="white">
                             <font>
-                                <Font name="System Bold" size="25"></Font>
+                                <Font name="System Bold" size="25"/>
                             </font>
                         </Text>
-                        <ImageView fx:id="addDefinitionIcon"></ImageView>
+                        <ImageView fx:id="addDefinitionIcon"/>
                     </HBox>
 
                 </StackPane>
@@ -109,18 +102,18 @@
 
     <top>
         <StackPane fx:id="topBar">
-            <Rectangle fx:id="parentRectangle" fill="dimgray" width="${topBar.width}" height="50"></Rectangle>
+            <Rectangle fx:id="parentRectangle" fill="dimgray" width="${topBar.width}" height="50"/>
             <HBox alignment="CENTER_LEFT"  prefWidth="${topBar.width}" spacing="7">
                 <StackPane onMouseClicked="#expandMenuClick">
-                    <Rectangle fill="dimgray" width="55" height="50"></Rectangle>
-                    <ImageView fx:id="expandMenuIcon"></ImageView>
+                    <Rectangle fill="dimgray" width="55" height="50"/>
+                    <ImageView fx:id="expandMenuIcon"/>
                 </StackPane>
 
-                <ImageView fx:id="currentPageIcon"></ImageView>
+                <ImageView fx:id="currentPageIcon"/>
 
                 <Text fx:id="currentPageText" fill="white">
                     <font>
-                        <Font name="System Bold" size="25"></Font>
+                        <Font name="System Bold" size="25"/>
                     </font>
                 </Text>
             </HBox>
@@ -130,51 +123,46 @@
 
     <center>
 
-        <VBox alignment="CENTER" prefHeight="512.0" prefWidth="432.0" spacing="20.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
-            <children>
+        <VBox alignment="CENTER" prefHeight="512.0" prefWidth="432.0" spacing="20.0">
                 <HBox alignment="CENTER_LEFT" prefHeight="11.0" prefWidth="392.0" VBox.vgrow="NEVER">
-                    <children>
+
                         <Label minWidth="-Infinity" text="Search:">
                             <font>
                                 <Font name="System Bold" size="13.0" />
                             </font></Label>
                         <TextField fx:id="searchBox" prefHeight="26.0" prefWidth="519.0" HBox.hgrow="ALWAYS" />
-                    </children>
+
                 </HBox>
                 <HBox alignment="BOTTOM_CENTER" fillHeight="false" prefHeight="14.0" prefWidth="392.0" VBox.vgrow="NEVER">
-                    <children>
+
                         <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
-                            <children>
+
                                 <Label minWidth="-Infinity" text="English">
                                     <font>
                                         <Font name="System Bold" size="13.0" />
                                     </font></Label>
-                            </children>
+
                         </HBox>
                         <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0">
-                            <children>
+
                                 <ImageView fx:id="alphaSort" fitHeight="20.0" fitWidth="20.0" onMouseClicked="#switchAlphaSort" pickOnBounds="true" preserveRatio="true">
                                     <HBox.margin>
                                         <Insets right="5.0" />
                                     </HBox.margin>
                                 </ImageView>
                                 <ImageView fx:id="langSort" fitHeight="20.0" fitWidth="20.0" onMouseClicked="#switchLangSort" pickOnBounds="true" preserveRatio="true">
-
                                     <HBox.margin>
                                         <Insets left="5.0" />
                                     </HBox.margin>
                                 </ImageView>
-                            </children>
                         </HBox>
                         <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
-                            <children>
+
                                 <Label minWidth="-Infinity" text="Welsh">
                                     <font>
                                         <Font name="System Bold" size="13.0" />
                                     </font></Label>
-                            </children>
                         </HBox>
-                    </children>
                 </HBox>
                 <TableView fx:id="table" VBox.vgrow="ALWAYS">
                     <columns>
@@ -185,7 +173,7 @@
                         <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
                     </columnResizePolicy>
                 </TableView>
-            </children>
+
             <padding>
                 <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
             </padding>
diff --git a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/flashcard.fxml b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/flashcard.fxml
index 8c2e91e..7777aff 100644
--- a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/flashcard.fxml	
+++ b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/flashcard.fxml	
@@ -6,11 +6,10 @@
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.image.ImageView?>
 
-<?import javafx.scene.control.Button?>
 <BorderPane xmlns="http://javafx.com/javafx"
             xmlns:fx="http://javafx.com/fxml"
             fx:controller="uk.ac.aber.cs22120.group20.javafx.FlashcardController"
-            fx:id="container"
+
             minWidth="450"
             minHeight="550"
 
@@ -20,56 +19,56 @@
     <left>
 
         <StackPane fx:id="outerBar">
-            <Rectangle fx:id="sideBar" fill="dimgray" height="${outerBar.height}" width="50"></Rectangle>
+            <Rectangle fx:id="sideBar" fill="dimgray" height="${outerBar.height}" width="50"/>
 
             <VBox spacing="300">
 
                 <VBox alignment="TOP_CENTER" maxHeight="${outerBar.height}">
                     <StackPane onMouseClicked="#dictionaryIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="dictionaryText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="dictionaryIcon"></ImageView>
+                            <ImageView fx:id="dictionaryIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#practiceListIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="practiceListTest" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="practiceListIcon"></ImageView>
+                            <ImageView fx:id="practiceListIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#flashcardIconClick">
-                        <Rectangle fill="white" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="white" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="flashcardsText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="flashcardIcon"></ImageView>
+                            <ImageView fx:id="flashcardIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#studyIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="studyText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="studyIcon"></ImageView>
+                            <ImageView fx:id="studyIcon"/>
                         </HBox>
                     </StackPane>
 
@@ -78,15 +77,15 @@
 
 
                 <StackPane alignment="BOTTOM_CENTER" onMouseClicked="#addWordIconClick">
-                    <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                    <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
 
                     <HBox alignment="CENTER_RIGHT">
                         <Text fx:id="addDefinitionText" fill="white">
                             <font>
-                                <Font name="System Bold" size="25"></Font>
+                                <Font name="System Bold" size="25"/>
                             </font>
                         </Text>
-                        <ImageView fx:id="addDefinitionIcon"></ImageView>
+                        <ImageView fx:id="addDefinitionIcon"/>
                     </HBox>
 
                 </StackPane>
@@ -98,18 +97,18 @@
 
     <top>
         <StackPane fx:id="topBar">
-            <Rectangle fx:id="parentRectangle" fill="dimgray" width="${topBar.width}" height="50"></Rectangle>
+            <Rectangle fx:id="parentRectangle" fill="dimgray" width="${topBar.width}" height="50"/>
             <HBox alignment="CENTER_LEFT"  prefWidth="${topBar.width}" spacing="7">
                 <StackPane onMouseClicked="#expandMenuClick">
-                    <Rectangle fill="dimgray" width="55" height="50"></Rectangle>
-                    <ImageView fx:id="expandMenuIcon"></ImageView>
+                    <Rectangle fill="dimgray" width="55" height="50"/>
+                    <ImageView fx:id="expandMenuIcon"/>
                 </StackPane>
 
-                <ImageView fx:id="currentPageIcon"></ImageView>
+                <ImageView fx:id="currentPageIcon"/>
 
                 <Text fx:id="currentPageText" fill="white">
                     <font>
-                        <Font name="System Bold" size="25"></Font>
+                        <Font name="System Bold" size="25"/>
                     </font>
                 </Text>
             </HBox>
@@ -123,10 +122,9 @@
             <padding>
                 <Insets top="25" right="25" bottom="10" left="25"/>
             </padding>
-            <children>
-                <StackPane  alignment="CENTER" onMouseClicked="#handleFlashcardClick" minWidth="500">
-                    <children>
-                        <ImageView fx:id="flashcard" fitWidth="450" fitHeight="360"></ImageView>
+
+                <StackPane  onMouseClicked="#handleFlashcardClick" minWidth="500">
+                        <ImageView fx:id="flashcard" fitWidth="450" fitHeight="360"/>
                         <Text  textAlignment="CENTER" fx:id="testWord">
                             <font>
                                 <Font size="55"/>
@@ -136,20 +134,16 @@
                         <VBox alignment="BOTTOM_CENTER">
                             <Text fx:id="wordType" fill="dimgray">
                                 <font>
-                                    <Font size="20"></Font>
+                                    <Font size="20"/>
                                 </font>
                             </Text>
                         </VBox>
-                    </children>
                 </StackPane>
                 <HBox spacing="190" alignment="BASELINE_CENTER">
-                    <children>
-                        <ImageView fx:id="leftArrow" onMouseClicked="#handlePreviousCard"></ImageView>
-                        <Text fx:id="counter"><font> <Font size = "20"></Font></font></Text>
-                        <ImageView fx:id="rightArrow" onMouseClicked="#handleNextCard"></ImageView>
-                    </children>
+                        <ImageView fx:id="leftArrow" onMouseClicked="#handlePreviousCard"/>
+                        <Text fx:id="counter"><font> <Font size = "20"/></font></Text>
+                        <ImageView fx:id="rightArrow" onMouseClicked="#handleNextCard"/>
                 </HBox>
-            </children>
 
         </VBox>
 
diff --git a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/practicelist.fxml b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/practicelist.fxml
index d149508..5df0a35 100644
--- a/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/practicelist.fxml	
+++ b/src/Welsh Vocabulary Tutor/src/main/resources/uk/ac/aber/cs22120/group20/practicelist.fxml	
@@ -1,7 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.geometry.Insets?>
-<?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.TableColumn?>
 <?import javafx.scene.control.TableView?>
@@ -17,7 +16,6 @@
 <BorderPane xmlns="http://javafx.com/javafx"
             xmlns:fx="http://javafx.com/fxml"
             fx:controller="uk.ac.aber.cs22120.group20.javafx.PracticeListController"
-            fx:id="container"
             minWidth="450"
             minHeight="550"
 >
@@ -26,56 +24,56 @@
     <left>
 
         <StackPane fx:id="outerBar">
-            <Rectangle fx:id="sideBar" fill="dimgray" height="${outerBar.height}" width="50"></Rectangle>
+            <Rectangle fx:id="sideBar" fill="dimgray" height="${outerBar.height}" width="50"/>
 
             <VBox spacing="300">
 
                 <VBox alignment="TOP_CENTER" maxHeight="${outerBar.height}">
                     <StackPane onMouseClicked="#dictionaryIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="dictionaryText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="dictionaryIcon"></ImageView>
+                            <ImageView fx:id="dictionaryIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#practiceListIconClick">
-                        <Rectangle fill="white" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="white" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="practiceListTest" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="practiceListIcon"></ImageView>
+                            <ImageView fx:id="practiceListIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#flashcardIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="flashcardsText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="flashcardIcon"></ImageView>
+                            <ImageView fx:id="flashcardIcon"/>
                         </HBox>
                     </StackPane>
 
                     <StackPane onMouseClicked="#studyIconClick">
-                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                        <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
                         <HBox alignment="CENTER_RIGHT">
                             <Text fx:id="studyText" fill="white">
                                 <font>
-                                    <Font name="System Bold" size="25"></Font>
+                                    <Font name="System Bold" size="25"/>
                                 </font>
                             </Text>
-                            <ImageView fx:id="studyIcon"></ImageView>
+                            <ImageView fx:id="studyIcon"/>
                         </HBox>
                     </StackPane>
 
@@ -84,15 +82,15 @@
 
 
                 <StackPane alignment="BOTTOM_CENTER" onMouseClicked="#addWordIconClick">
-                    <Rectangle fill="dimgray" height="60" width="${sideBar.width}"></Rectangle>
+                    <Rectangle fill="dimgray" height="60" width="${sideBar.width}"/>
 
                     <HBox alignment="CENTER_RIGHT">
                         <Text fx:id="addDefinitionText" fill="white">
                             <font>
-                                <Font name="System Bold" size="25"></Font>
+                                <Font name="System Bold" size="25"/>
                             </font>
                         </Text>
-                        <ImageView fx:id="addDefinitionIcon"></ImageView>
+                        <ImageView fx:id="addDefinitionIcon"/>
                     </HBox>
 
                 </StackPane>
@@ -105,13 +103,13 @@
     <top>
         <StackPane fx:id="topBar">
             <Rectangle fx:id="parentRectangle" fill="dimgray" width="${topBar.width}" height="50"></Rectangle>
-            <HBox alignment="CENTER_LEFT"  prefWidth="${topBar.width}" spacing="7">
+            <HBox alignment="CENTER_LEFT" prefWidth="${topBar.width}" spacing="7">
                 <StackPane onMouseClicked="#expandMenuClick">
-                    <Rectangle fill="dimgray" width="55" height="50"></Rectangle>
-                    <ImageView fx:id="expandMenuIcon"></ImageView>
+                    <Rectangle fill="dimgray" width="55" height="50"/>
+                    <ImageView fx:id="expandMenuIcon"/>
                 </StackPane>
 
-                <ImageView fx:id="currentPageIcon"></ImageView>
+                <ImageView fx:id="currentPageIcon"/>
 
                 <Text fx:id="currentPageText" fill="white">
                     <font>
@@ -124,68 +122,59 @@
     </top>
 
     <center>
-        <VBox alignment="CENTER" prefHeight="512.0" prefWidth="432.0" spacing="20.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
-            <children>
-                <HBox alignment="CENTER_LEFT" prefHeight="11.0" prefWidth="392.0" VBox.vgrow="NEVER">
-                    <children>
-                        <Label minWidth="-Infinity" text="Search:">
-                            <font>
-                                <Font name="System Bold" size="13.0" />
-                            </font></Label>
-                        <TextField fx:id="searchBox" prefHeight="26.0" prefWidth="519.0" HBox.hgrow="ALWAYS" />
-                    </children>
+        <VBox alignment="CENTER" prefHeight="512.0" prefWidth="432.0" spacing="20.0"
+              xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1">
+            <HBox alignment="CENTER_LEFT" prefHeight="11.0" prefWidth="392.0" VBox.vgrow="NEVER">
+                <Label minWidth="-Infinity" text="Search:">
+                    <font>
+                        <Font name="System Bold" size="13.0"/>
+                    </font>
+                </Label>
+                <TextField fx:id="searchBox" prefHeight="26.0" prefWidth="519.0" HBox.hgrow="ALWAYS"/>
+            </HBox>
+            <HBox alignment="BOTTOM_CENTER" fillHeight="false" prefHeight="14.0" prefWidth="392.0" VBox.vgrow="NEVER">
+                <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
+                    <Label minWidth="-Infinity" text="English">
+                        <font>
+                            <Font name="System Bold" size="13.0"/>
+                        </font>
+                    </Label>
                 </HBox>
-                <HBox alignment="BOTTOM_CENTER" fillHeight="false" prefHeight="14.0" prefWidth="392.0" VBox.vgrow="NEVER">
-                    <children>
-                        <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
-                            <children>
-                                <Label minWidth="-Infinity" text="English">
-                                    <font>
-                                        <Font name="System Bold" size="13.0" />
-                                    </font></Label>
-                            </children>
-                        </HBox>
-                        <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0">
-                            <children>
-                                <ImageView fx:id="alphaSort" fitHeight="20.0" fitWidth="20.0" onMouseClicked="#switchAlphaSort" pickOnBounds="true" preserveRatio="true">
-
-                                    <HBox.margin>
-                                        <Insets right="5.0" />
-                                    </HBox.margin>
-                                </ImageView>
-                                <ImageView fx:id="langSort" fitHeight="20.0" fitWidth="20.0" onMouseClicked="#switchLangSort" pickOnBounds="true" preserveRatio="true">
-
-                                    <HBox.margin>
-                                        <Insets left="5.0" />
-                                    </HBox.margin>
-                                </ImageView>
-                            </children>
-                        </HBox>
-                        <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
-                            <children>
-                                <Label minWidth="-Infinity" text="Welsh">
-                                    <font>
-                                        <Font name="System Bold" size="13.0" />
-                                    </font></Label>
-                            </children>
-                        </HBox>
-                    </children>
+                <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0">
+                    <ImageView fx:id="alphaSort" fitHeight="20.0" fitWidth="20.0" onMouseClicked="#switchAlphaSort"
+                               pickOnBounds="true" preserveRatio="true">
+                        <HBox.margin>
+                            <Insets right="5.0"/>
+                        </HBox.margin>
+                    </ImageView>
+                    <ImageView fx:id="langSort" fitHeight="20.0" fitWidth="20.0" onMouseClicked="#switchLangSort"
+                               pickOnBounds="true" preserveRatio="true">
+                        <HBox.margin>
+                            <Insets left="5.0"/>
+                        </HBox.margin>
+                    </ImageView>
                 </HBox>
-                <TableView fx:id="table" VBox.vgrow="ALWAYS">
-                    <columns>
-                        <TableColumn fx:id="english" prefWidth="196.0" text="English" />
-                        <TableColumn fx:id="welsh" prefWidth="195.0" text="Welsh" />
-                    </columns>
-                    <columnResizePolicy>
-                        <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
-                    </columnResizePolicy>
-                </TableView>
-            </children>
+                <HBox alignment="BOTTOM_CENTER" prefHeight="100.0" prefWidth="200.0" HBox.hgrow="ALWAYS">
+                    <Label minWidth="-Infinity" text="Welsh">
+                        <font>
+                            <Font name="System Bold" size="13.0"/>
+                        </font>
+                    </Label>
+                </HBox>
+            </HBox>
+            <TableView fx:id="table" VBox.vgrow="ALWAYS">
+                <columns>
+                    <TableColumn fx:id="english" prefWidth="196.0" text="English"/>
+                    <TableColumn fx:id="welsh" prefWidth="195.0" text="Welsh"/>
+                </columns>
+                <columnResizePolicy>
+                    <TableView fx:constant="CONSTRAINED_RESIZE_POLICY"/>
+                </columnResizePolicy>
+            </TableView>
             <padding>
-                <Insets bottom="20.0" left="20.0" right="20.0" top="20.0" />
+                <Insets bottom="20.0" left="20.0" right="20.0" top="20.0"/>
             </padding>
         </VBox>
-
     </center>
 </BorderPane>