diff -r 431977d7c9a6 -r b52921a63e77 client/src/components/NoteInput.js
--- a/client/src/components/NoteInput.js	Mon May 22 14:34:35 2017 +0200
+++ b/client/src/components/NoteInput.js	Mon May 22 17:59:19 2017 +0200
@@ -1,5 +1,8 @@
 import React, {Component} from 'react';
 
+import ReactDOM from 'react-dom'
+import { Form, FormControl, FormGroup, Button } from 'react-bootstrap';
+
 import PropTypes from 'prop-types';
 
 class NoteInput extends Component {
@@ -30,15 +33,17 @@
 
   render() {
     return (
-      <div>
-        <textarea
-          id="noteText"
-          onChange={this.handleChange}
-          placeholder="note"
-          ref={(input) => { this.noteInput = input; }}
-        />
-        <button onClick={this.onAddNoteClick}>Add Note</button>
-      </div>
+      <Form>
+        <FormGroup>
+          <FormControl
+              componentClass="textarea"
+              placeholder="Enter note"
+              onChange={this.handleChange}
+              ref={(input) => { this.noteInput = ReactDOM.findDOMNode(input); }}
+          />
+        </FormGroup>
+        <Button type="button" onClick={this.onAddNoteClick}>Add Note</Button>
+      </Form>
     );
   }
 }