diff --git a/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js b/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js
index 5c2ff9ca..062883ae 100644
--- a/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js
+++ b/client/src/app/main/dashboard/dashboard-create-ticket/create-ticket-form.js
@@ -13,10 +13,11 @@ class CreateTicketForm extends React.Component {
     render() {
         return (
             <div>
-                <Form>
+                <h2>Create Ticket</h2>
+                <Form onSubmit={this.onSubmit.bind(this)}>
                     <div className="row">
                         <FormField className="col-md-7" label="Title" name="title" validation="TITLE" required field="input" fieldProps={{size: 'large'}}/>
-                        <FormField className="col-md-5" label="Department" name="department" required field="select" fieldProps={{
+                        <FormField className="col-md-5" label="Department" name="department" field="select" fieldProps={{
                             items: [
                                 {content: 'Sales Support'},
                                 {content: 'Technical Issues'},
@@ -31,6 +32,10 @@ class CreateTicketForm extends React.Component {
             </div>
         );
     }
+
+    onSubmit(formState) {
+        console.log(formState);
+    }
 }
 
 export default CreateTicketForm;
\ No newline at end of file
diff --git a/client/src/core-components/drop-down.scss b/client/src/core-components/drop-down.scss
index 343010ea..12e74a5f 100644
--- a/client/src/core-components/drop-down.scss
+++ b/client/src/core-components/drop-down.scss
@@ -15,6 +15,7 @@
 
         &:focus {
             outline: none;
+            background-color: $medium-grey;
         }
     }