diff --git a/client/build.gradle b/client/build.gradle
index d4b01ff..3da65d9 100644
--- a/client/build.gradle
+++ b/client/build.gradle
@@ -12,6 +12,8 @@ repositories {
 dependencies {
     testCompile group: 'junit', name: 'junit', version: '4.11'
     compile 'org.springframework:spring-context:4.3.7.RELEASE'
+    compile 'com.jfoenix:jfoenix:1.4.0'
+
     compile project(':model')
     compile project(':services')
 }
diff --git a/client/src/main/resources/UserView.fxml b/client/src/main/resources/UserView.fxml
index 40c719c..bcae2d9 100644
--- a/client/src/main/resources/UserView.fxml
+++ b/client/src/main/resources/UserView.fxml
@@ -11,6 +11,7 @@
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
+<?import com.jfoenix.controls.JFXComboBox?>
 <BorderPane id="pane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="528.0" prefWidth="653.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.UserView">
    <left>
       <VBox prefHeight="400.0" prefWidth="342.0" BorderPane.alignment="CENTER">
@@ -41,11 +42,11 @@
                   <Font name="Myanmar Text Bold" size="12.0" />
                </font>
             </Label>
-            <ComboBox fx:id="tagComboBox" prefWidth="150.0">
+            <JFXComboBox fx:id="tagComboBox" prefWidth="150.0">
                <VBox.margin>
                   <Insets left="60.0" top="20.0" />
                </VBox.margin>
-            </ComboBox>
+            </JFXComboBox>
             <Button id="updateBtn" fx:id="updateButton" mnemonicParsing="false" onAction="#updateButtonHandler" prefHeight="25.0" prefWidth="89.0" text="Update">
                <VBox.margin>
                   <Insets left="85.0" top="60.0" />
diff --git a/client/src/main/resources/author.fxml b/client/src/main/resources/author.fxml
index 08809c9..e936ad3 100644
--- a/client/src/main/resources/author.fxml
+++ b/client/src/main/resources/author.fxml
@@ -1,17 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.Insets?>
-<?import javafx.scene.control.Button?>
-<?import javafx.scene.control.ComboBox?>
-<?import javafx.scene.control.Label?>
-<?import javafx.scene.control.TableColumn?>
-<?import javafx.scene.control.TableView?>
-<?import javafx.scene.control.TextField?>
-<?import javafx.scene.layout.BorderPane?>
-<?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.VBox?>
+<?import com.jfoenix.controls.JFXTextField?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
-
 <BorderPane id="pane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="608.0" prefWidth="848.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.AuthorView">
    <left>
       <VBox prefHeight="464.0" prefWidth="532.0" BorderPane.alignment="CENTER">
@@ -76,11 +69,11 @@
                         <Font name="Myanmar Text Bold" size="12.0" />
                      </font>
                   </Label>
-                  <TextField fx:id="titleText">
+                  <JFXTextField fx:id="titleText">
                      <HBox.margin>
                         <Insets left="15.0" top="2.0" />
                      </HBox.margin>
-                  </TextField>
+                  </JFXTextField>
                </children>
             </HBox>
             <HBox prefHeight="88.0" prefWidth="314.0">
diff --git a/client/src/main/resources/createConf.fxml b/client/src/main/resources/createConf.fxml
index c8ffc33..8fd50ea 100644
--- a/client/src/main/resources/createConf.fxml
+++ b/client/src/main/resources/createConf.fxml
@@ -1,14 +1,10 @@
 <?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.TextField?>
-<?import javafx.scene.layout.BorderPane?>
-<?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.VBox?>
+<?import com.jfoenix.controls.JFXTextField?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
-
 <BorderPane id="pane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.CreateConferenceView">
    <top>
       <HBox id="logo" prefHeight="175.0" prefWidth="600.0" BorderPane.alignment="CENTER">
@@ -38,11 +34,11 @@
                         <Font name="Myanmar Text Bold" size="12.0" />
                      </font>
                   </Label>
-                  <TextField fx:id="confNameField" maxWidth="250.0" prefHeight="40.0" prefWidth="210.0">
+                  <JFXTextField fx:id="confNameField" maxWidth="250.0" prefHeight="40.0" prefWidth="210.0">
                      <HBox.margin>
                         <Insets left="10.0" top="30.0" />
                      </HBox.margin>
-                  </TextField>
+                  </JFXTextField>
                </children>
             </HBox>
             <HBox prefHeight="128.0" prefWidth="600.0">
diff --git a/client/src/main/resources/createEdition.fxml b/client/src/main/resources/createEdition.fxml
index b9a1ffa..f565102 100644
--- a/client/src/main/resources/createEdition.fxml
+++ b/client/src/main/resources/createEdition.fxml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import com.jfoenix.controls.*?>
 <?import java.lang.*?>
 <?import javafx.geometry.*?>
 <?import javafx.scene.control.*?>
@@ -29,11 +30,11 @@
                                     <Insets left="10.0" />
                                  </VBox.margin>
                               </Label>
-                              <DatePicker fx:id="submissionDeadlineField">
+                              <JFXDatePicker fx:id="submissionDeadlineField">
                                  <VBox.margin>
                                     <Insets left="10.0" />
                                  </VBox.margin>
-                              </DatePicker>
+                              </JFXDatePicker>
                            </children>
                         </VBox>
                         <VBox prefHeight="100.0" prefWidth="195.0" spacing="10.0" GridPane.rowIndex="2">
@@ -46,11 +47,11 @@
                                     <Insets left="11.0" />
                                  </VBox.margin>
                               </Label>
-                              <DatePicker fx:id="finalDeadlineField">
+                              <JFXDatePicker fx:id="finalDeadlineField">
                                  <VBox.margin>
                                     <Insets left="10.0" />
                                  </VBox.margin>
-                              </DatePicker>
+                              </JFXDatePicker>
                            </children>
                         </VBox>
                         <VBox prefHeight="100.0" prefWidth="192.0" spacing="10.0" GridPane.rowIndex="3">
@@ -63,11 +64,11 @@
                                     <Insets left="10.0" top="5.0" />
                                  </VBox.margin>
                               </Label>
-                              <DatePicker fx:id="startDateField">
+                              <JFXDatePicker fx:id="startDateField">
                                  <VBox.margin>
                                     <Insets left="10.0" />
                                  </VBox.margin>
-                              </DatePicker>
+                              </JFXDatePicker>
                            </children>
                         </VBox>
                         <VBox prefHeight="100.0" prefWidth="195.0" spacing="10.0" GridPane.rowIndex="4">
@@ -80,11 +81,11 @@
                                     <Insets left="11.0" top="5.0" />
                                  </VBox.margin>
                               </Label>
-                              <DatePicker fx:id="endDateField">
+                              <JFXDatePicker fx:id="endDateField">
                                  <VBox.margin>
                                     <Insets left="10.0" />
                                  </VBox.margin>
-                              </DatePicker>
+                              </JFXDatePicker>
                            </children>
                         </VBox>
                         <VBox prefHeight="200.0" prefWidth="100.0" spacing="10.0">
@@ -94,7 +95,7 @@
                                     <Font name="Myanmar Text Bold" size="12.0" />
                                  </font>
                               </Label>
-                              <ComboBox fx:id="conferencesComboBox" onAction="#onConferenceSelected" prefWidth="150.0" />
+                              <JFXComboBox fx:id="conferencesComboBox" onAction="#onConferenceSelected" prefWidth="150.0" />
                            </children>
                            <GridPane.margin>
                               <Insets left="10.0" />
@@ -107,7 +108,7 @@
                                     <Font name="Myanmar Text Bold" size="12.0" />
                                  </font>
                               </Label>
-                              <TextField fx:id="editionNameField" prefHeight="25.0" prefWidth="199.0" />
+                              <JFXTextField fx:id="editionNameField" prefHeight="25.0" prefWidth="199.0" />
                            </children>
                            <GridPane.margin>
                               <Insets left="10.0" />
diff --git a/client/src/main/resources/login.fxml b/client/src/main/resources/login.fxml
index d0efdd0..6298c15 100644
--- a/client/src/main/resources/login.fxml
+++ b/client/src/main/resources/login.fxml
@@ -12,6 +12,8 @@
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
+<?import com.jfoenix.controls.JFXTextField?>
+<?import com.jfoenix.controls.JFXPasswordField?>
 <BorderPane id="pane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="479.0" prefWidth="463.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.LoginView">
    <top>
       <HBox id="logo" prefHeight="167.0" prefWidth="463.0" BorderPane.alignment="CENTER" />
@@ -19,22 +21,22 @@
    <center>
       <VBox focusTraversable="true" prefHeight="335.0" prefWidth="463.0" BorderPane.alignment="CENTER">
          <children>
-            <TextField fx:id="username" maxHeight="300.0" prefHeight="40.0" promptText="Username">
+            <JFXTextField fx:id="username" maxHeight="300.0" prefHeight="40.0" promptText="Username">
                <VBox.margin>
                   <Insets left="75.0" right="75.0" top="50.0" />
                </VBox.margin>
                <font>
                   <Font name="Cambria" size="14.0" />
                </font>
-            </TextField>
-            <PasswordField fx:id="password" maxHeight="300.0" prefHeight="40.0" promptText="Password">
+            </JFXTextField>
+            <JFXPasswordField fx:id="password" maxHeight="300.0" prefHeight="40.0" promptText="Password">
                <font>
                   <Font name="Cambria" size="14.0" />
                </font>
                <VBox.margin>
                   <Insets left="75.0" right="75.0" top="10.0" />
                </VBox.margin>
-            </PasswordField>
+            </JFXPasswordField>
             <Button id="login" fx:id="logInButton" mnemonicParsing="false" onAction="#buttonHandler" prefHeight="40.0" prefWidth="352.0" text="Log In">
                <VBox.margin>
                   <Insets left="75.0" right="75.0" top="20.0" />
diff --git a/client/src/main/resources/past_deadline_editions.fxml b/client/src/main/resources/past_deadline_editions.fxml
index bc6a242..1e8b2b7 100644
--- a/client/src/main/resources/past_deadline_editions.fxml
+++ b/client/src/main/resources/past_deadline_editions.fxml
@@ -6,6 +6,8 @@
 <?import java.lang.*?>
 <?import javafx.scene.layout.*?>
 
+<?import com.jfoenix.controls.JFXTextField?>
+<?import com.jfoenix.controls.JFXTextArea?>
 <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="582.0" prefWidth="1178.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.PastDeadlineEditionsView">
    <top>
       <Button mnemonicParsing="false" fx:id="backBtn" onAction="#backBtnHandler" prefHeight="20.0" prefWidth="63.0" text="Back" BorderPane.alignment="TOP_LEFT">
@@ -22,7 +24,7 @@
                   <Label text="Your past deadline editions" />
                   <HBox prefHeight="25.0" prefWidth="200.0">
                      <children>
-                        <TextField fx:id="searchEditionsField" onKeyReleased="#searchEditionsHandler" promptText="Search editions" />
+                        <JFXTextField fx:id="searchEditionsField" onKeyReleased="#searchEditionsHandler" promptText="Search editions" />
                         <Region prefHeight="25.0" prefWidth="79.0" />
                      </children>
                   </HBox>
@@ -39,7 +41,7 @@
                   <Label text="Papers submitted for this edition" />
                   <HBox prefHeight="20.0" prefWidth="200.0">
                      <children>
-                        <TextField fx:id="searchPapersField" onKeyReleased="#searchPapersHandler" promptText="Search papers" />
+                        <JFXTextField fx:id="searchPapersField" onKeyReleased="#searchPapersHandler" promptText="Search papers" />
                         <Region prefHeight="25.0" prefWidth="79.0" />
                      </children>
                   </HBox>
@@ -58,7 +60,7 @@
                   <Label text="Selected paper reviews" />
                   <HBox prefHeight="25.0" prefWidth="200.0">
                      <children>
-                        <TextField fx:id="searchReviewsField" onKeyReleased="#searchReviewsHandler" promptText="Search reviews" />
+                        <JFXTextField fx:id="searchReviewsField" onKeyReleased="#searchReviewsHandler" promptText="Search reviews" />
                         <Region prefHeight="25.0" prefWidth="79.0" />
                      </children>
                   </HBox>
@@ -72,7 +74,7 @@
                     <content>
                       <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="174.0" prefWidth="302.0">
                            <children>
-                              <TextArea fx:id="commentTextArea" editable="false" layoutX="30.0" layoutY="-26.0" prefHeight="174.0" prefWidth="302.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
+                              <JFXTextArea fx:id="commentTextArea" editable="false" layoutX="30.0" layoutY="-26.0" prefHeight="174.0" prefWidth="302.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
                            </children>
                         </AnchorPane>
                     </content>
diff --git a/client/src/main/resources/reviewer_assign.fxml b/client/src/main/resources/reviewer_assign.fxml
index 739e5a3..d3a84ae 100644
--- a/client/src/main/resources/reviewer_assign.fxml
+++ b/client/src/main/resources/reviewer_assign.fxml
@@ -1,18 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.Insets?>
-<?import javafx.scene.control.Button?>
-<?import javafx.scene.control.ComboBox?>
-<?import javafx.scene.control.Label?>
-<?import javafx.scene.control.TableColumn?>
-<?import javafx.scene.control.TableView?>
-<?import javafx.scene.control.TextArea?>
-<?import javafx.scene.layout.BorderPane?>
-<?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.VBox?>
+<?import com.jfoenix.controls.*?>
+<?import java.lang.*?>
+<?import javafx.scene.text.*?>
+<?import com.jfoenix.controls.JFXComboBox?>
+<?import com.jfoenix.controls.JFXTextArea?>
+<?import com.jfoenix.validation.RequiredFieldValidator?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
 
-<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="467.0" prefWidth="702.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.ReviewerAssignmentsView">
+<BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="467.0" prefWidth="702.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.ReviewerAssignmentsView">
    <top>
       <HBox prefHeight="87.0" prefWidth="681.0" BorderPane.alignment="CENTER">
          <children>
@@ -62,38 +61,35 @@
                <children>
                   <Label text="Select a review:">
                      <VBox.margin>
-                        <Insets left="30.0" top="80.0" />
+                        <Insets top="80.0" />
                      </VBox.margin>
                      <font>
                         <Font name="Myanmar Text Bold" size="12.0" />
                      </font>
                   </Label>
-                  <ComboBox fx:id="reviewCombo" prefWidth="150.0" promptText="Select an item..">
+                  <JFXComboBox fx:id="reviewCombo" prefWidth="150.0" promptText="Select an item..">
                      <VBox.margin>
-                        <Insets left="85.0" top="10.0" />
+                        <Insets top="10.0" />
                      </VBox.margin>
-                  </ComboBox>
-                  <Label text="Comment:">
-                     <VBox.margin>
-                        <Insets left="30.0" top="15.0" />
-                     </VBox.margin>
-                  </Label>
-                  <TextArea fx:id="commentText" prefHeight="138.0" prefWidth="276.0">
+                  </JFXComboBox>
+
+                  <JFXTextArea fx:id="commentText" labelFloat="true" prefHeight="138.0" prefWidth="276.0" promptText="Add your comment here">
                      <opaqueInsets>
                         <Insets left="50.0" right="15.0" top="5.0" />
                      </opaqueInsets>
                      <VBox.margin>
-                        <Insets left="20.0" right="20.0" top="5.0" />
+                        <Insets top="25.0" />
                      </VBox.margin>
-                  </TextArea>
+                  </JFXTextArea>
+
                   <Button id="reviewBtn" mnemonicParsing="false" onAction="#addReviewBtnHandler" prefHeight="40.0" prefWidth="172.0" text="Review Item">
                      <VBox.margin>
-                        <Insets left="70.0" top="5.0" />
+                        <Insets left="70.0" top="15.0" />
                      </VBox.margin>
                   </Button>
                </children>
                <HBox.margin>
-                  <Insets />
+                  <Insets left="10.0" />
                </HBox.margin>
             </VBox>
          </children>
diff --git a/client/src/main/resources/reviewer_reviews.fxml b/client/src/main/resources/reviewer_reviews.fxml
index 6170be2..dd61c09 100644
--- a/client/src/main/resources/reviewer_reviews.fxml
+++ b/client/src/main/resources/reviewer_reviews.fxml
@@ -1,16 +1,11 @@
 <?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.TextArea?>
-<?import javafx.scene.layout.BorderPane?>
-<?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.VBox?>
+<?import com.jfoenix.controls.JFXTextArea?>
+<?import com.jfoenix.validation.RequiredFieldValidator?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
-
 <BorderPane id="pane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="472.0" prefWidth="662.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.ReviewerReviewsView">
    <top>
       <HBox id="logo" prefHeight="152.0" prefWidth="585.0" BorderPane.alignment="CENTER">
@@ -58,11 +53,11 @@
                         <Font name="Myanmar Text Bold" size="12.0" />
                      </font>
                   </Label>
-                  <TextArea fx:id="textArea" prefHeight="200.0" prefWidth="200.0">
+                  <JFXTextArea fx:id="textArea" prefHeight="200.0" prefWidth="200.0">
                      <VBox.margin>
                         <Insets left="15.0" right="15.0" />
                      </VBox.margin>
-                  </TextArea>
+                  </JFXTextArea>
                </children>
             </VBox>
          </children>
diff --git a/client/src/main/resources/session_assign.fxml b/client/src/main/resources/session_assign.fxml
index a480dba..6ed2700 100644
--- a/client/src/main/resources/session_assign.fxml
+++ b/client/src/main/resources/session_assign.fxml
@@ -11,6 +11,7 @@
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
+<?import com.jfoenix.controls.JFXComboBox?>
 <BorderPane id="pane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="435.0" prefWidth="612.0" xmlns="http://javafx.com/javafx/8.0.65" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.SessionAssignView">
    <top>
       <HBox id="logo" prefHeight="138.0" prefWidth="612.0" BorderPane.alignment="CENTER">
@@ -49,11 +50,11 @@
             </VBox>
             <VBox prefHeight="283.0" prefWidth="318.0">
                <children>
-                  <ComboBox fx:id="combo" prefWidth="150.0" promptText="Select an item..">
+                  <JFXComboBox fx:id="combo" prefWidth="150.0" promptText="Select an item..">
                      <VBox.margin>
                         <Insets left="80.0" top="80.0" />
                      </VBox.margin>
-                  </ComboBox>
+                  </JFXComboBox>
                   <Button id="assignBtn" mnemonicParsing="false" onAction="#assignButtonHandler" prefHeight="52.0" prefWidth="154.0" text="Assign">
                      <VBox.margin>
                         <Insets left="80.0" top="50.0" />
diff --git a/client/src/main/resources/session_edition.fxml b/client/src/main/resources/session_edition.fxml
index 4a7af13..01a7ef7 100644
--- a/client/src/main/resources/session_edition.fxml
+++ b/client/src/main/resources/session_edition.fxml
@@ -12,6 +12,7 @@
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Font?>
 
+<?import com.jfoenix.controls.JFXTextField?>
 <BorderPane id="pane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="426.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.SessionEditionView">
    <top>
       <HBox id="logo" prefHeight="145.0" prefWidth="600.0" BorderPane.alignment="CENTER">
@@ -83,11 +84,11 @@
                         <Font name="Myanmar Text Bold" size="12.0" />
                      </font>
                   </Label>
-                  <TextField fx:id="location" maxHeight="40.0" maxWidth="200.0" prefHeight="30.0" prefWidth="200.0">
+                  <JFXTextField fx:id="location" maxHeight="40.0" maxWidth="200.0" prefHeight="30.0" prefWidth="200.0">
                      <VBox.margin>
                         <Insets left="50.0" />
                      </VBox.margin>
-                  </TextField>
+                  </JFXTextField>
                   <Button id="createBtn" mnemonicParsing="false" onAction="#addBtnHandler" prefHeight="40.0" prefWidth="140.0" text="Create">
                      <VBox.margin>
                         <Insets left="80.0" top="30.0" />
diff --git a/client/src/main/resources/signup.fxml b/client/src/main/resources/signup.fxml
index 8000dbb..f1e63eb 100644
--- a/client/src/main/resources/signup.fxml
+++ b/client/src/main/resources/signup.fxml
@@ -1,16 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
-<?import javafx.geometry.Insets?>
-<?import javafx.scene.control.Button?>
-<?import javafx.scene.control.ComboBox?>
-<?import javafx.scene.control.Label?>
-<?import javafx.scene.control.PasswordField?>
-<?import javafx.scene.control.TextField?>
-<?import javafx.scene.layout.BorderPane?>
-<?import javafx.scene.layout.HBox?>
-<?import javafx.scene.layout.VBox?>
-<?import javafx.scene.text.Font?>
-
+<?import com.jfoenix.controls.JFXComboBox?>
+<?import com.jfoenix.validation.RequiredFieldValidator?>
+<?import javafx.geometry.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.text.*?>
+<?import com.jfoenix.controls.JFXTextField?>
 <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="498.0" prefWidth="582.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="gui.SignUpView">
    <top>
       <HBox id="top" prefHeight="100.0" prefWidth="200.0" BorderPane.alignment="CENTER">
@@ -41,11 +37,11 @@
                               <Font name="Myanmar Text Bold" size="12.0" />
                            </font>
                         </Label>
-                        <TextField id="username" fx:id="username" maxHeight="41.0" maxWidth="250.0" prefHeight="35.0">
+                        <JFXTextField id="username" fx:id="username" maxHeight="41.0" maxWidth="250.0" prefHeight="35.0">
                            <VBox.margin>
                               <Insets left="25.0" />
                            </VBox.margin>
-                        </TextField>
+                        </JFXTextField>
                      </children>
                   </VBox>
                   <VBox prefHeight="100.0" prefWidth="300.0">
@@ -58,11 +54,11 @@
                               <Font name="Myanmar Text Bold" size="12.0" />
                            </font>
                         </Label>
-                        <ComboBox fx:id="tag" maxWidth="250.0" prefHeight="36.0" prefWidth="250.0">
+                        <JFXComboBox fx:id="tag" maxWidth="250.0" prefHeight="36.0" prefWidth="250.0">
                            <VBox.margin>
                               <Insets left="25.0" />
                            </VBox.margin>
-                        </ComboBox>
+                        </JFXComboBox>
                      </children>
                   </VBox>
                </children>
@@ -79,11 +75,11 @@
                               <Font name="Myanmar Text Bold" size="12.0" />
                            </font>
                         </Label>
-                        <TextField id="firstn" fx:id="name" maxWidth="250.0" prefHeight="35.0">
+                        <JFXTextField id="firstn" fx:id="name" maxWidth="250.0" prefHeight="35.0">
                            <VBox.margin>
                               <Insets left="25.0" />
                            </VBox.margin>
-                        </TextField>
+                        </JFXTextField>
                      </children>
                   </VBox>
                   <VBox prefHeight="100.0" prefWidth="307.0">
@@ -96,11 +92,11 @@
                               <Font name="Myanmar Text Bold" size="12.0" />
                            </font>
                         </Label>
-                        <TextField id="lastn" fx:id="surname" maxWidth="250.0" prefHeight="35.0" prefWidth="250.0">
+                        <JFXTextField id="lastn" fx:id="surname" maxWidth="250.0" prefHeight="35.0" prefWidth="250.0">
                            <VBox.margin>
                               <Insets left="25.0" />
                            </VBox.margin>
-                        </TextField>
+                        </JFXTextField>
                      </children>
                   </VBox>
                </children>
@@ -117,11 +113,11 @@
                               <Font name="Myanmar Text Bold" size="12.0" />
                            </font>
                         </Label>
-                        <TextField id="email" fx:id="email" maxWidth="250.0" prefHeight="35.0">
+                        <JFXTextField id="email" fx:id="email" maxWidth="250.0" prefHeight="35.0">
                            <VBox.margin>
                               <Insets left="25.0" />
                            </VBox.margin>
-                        </TextField>
+                        </JFXTextField>
                      </children>
                   </VBox>
                   <VBox prefHeight="100.0" prefWidth="289.0">