diff --git a/imports/ui/pages/Documents.js b/imports/ui/pages/Documents.js
index f5a12fd..fbfc000 100644
--- a/imports/ui/pages/Documents.js
+++ b/imports/ui/pages/Documents.js
@@ -1,24 +1,20 @@
 import React from 'react';
-import { browserHistory } from 'react-router';
+import { Link } from 'react-router';
 import { Row, Col, Button } from 'react-bootstrap';
 import DocumentsList from '../containers/DocumentsList.js';
 
-const buttonNav = (event) => {
-  event.preventDefault();
-  browserHistory.push('/documents/new');
-}
-
 const Documents = () => (
   <div className="Documents">
     <Row>
       <Col xs={ 12 }>
         <div className="page-header clearfix">
           <h4 className="pull-left">Documents</h4>
-          <Button
-            bsStyle="success"
-            className="pull-right"
-            onClick={ buttonNav }
-          >New Document</Button>
+          <Link to="/documents/new">
+            <Button
+              bsStyle="success"
+              className="pull-right"
+            >New Document</Button>
+          </Link>
         </div>
         <DocumentsList />
       </Col>