diff --git a/package.json b/package.json
index 0db667a..54c5f86 100644
--- a/package.json
+++ b/package.json
@@ -37,12 +37,12 @@
     "react-addons-transition-group": "^15.3.2",
     "react-addons-css-transition-group": "^15.3.2",
     "react-dom": "^15.3.2",
+    "react-router-dom": "4.0.0",
     "react-prism": "^4.0.0",
     "react-router": "^4.0.0-alpha.6",
     "react-scripts": "0.8.5",
     "reactstrap": "^4.0.1"
   },
-  "dependencies": {},
   "peerDependencies": {
     "reactstrap": "^4.0.0"
   },
diff --git a/src/docs/index.js b/src/docs/index.js
index 7e7660a..61564df 100644
--- a/src/docs/index.js
+++ b/src/docs/index.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { BrowserRouter, Match } from 'react-router';
+import { BrowserRouter, Route } from 'react-router-dom';
 import LayoutNav from './layout/Nav';
 import LayoutFooter from './layout/Footer';
 import Home from './Home';
@@ -21,8 +21,8 @@ const Docs = () => {
       <div className="App">
         <LayoutNav title={title} gh={gh} />
         {/* Begin Routes */}
-        <Match exactly pattern="/" render={() => <Home title={title} gh={gh} />} />
-        <Match pattern="/documentation" component={Documentation} />
+        <Route exact pattern="/" render={() => <Home title={title} gh={gh} />} />
+        <Route pattern="/documentation" component={Documentation} />
         {/* End Routes */}
         <LayoutFooter gh={gh} />
       </div>