diff --git a/frontend/src/component/client-strategy/strategy-component.js b/frontend/src/component/client-strategy/strategy-component.js
index fc65e23f55..ed633bae85 100644
--- a/frontend/src/component/client-strategy/strategy-component.js
+++ b/frontend/src/component/client-strategy/strategy-component.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { DataTable, TableHeader }  from 'react-mdl';
+import { Link } from 'react-router';
 
 class ClientStrategies extends Component {
 
@@ -13,8 +14,8 @@ class ClientStrategies extends Component {
         .filter(item => item.strategies)
         .map(item => (
             {
-                appName: item.appName,
-                strategies: item.strategies && item.strategies.join(', '),
+                appName: <Link to={`/applications/${item.appName}`}>{item.appName}</Link>,
+                strategies: item.strategies && item.strategies.map(name => (<Link to={`/strategies/${name}`}>{name}</Link>)),
             })
         );
 
diff --git a/frontend/src/index.jsx b/frontend/src/index.jsx
index 1d5591655e..b690870c5d 100644
--- a/frontend/src/index.jsx
+++ b/frontend/src/index.jsx
@@ -60,7 +60,7 @@ ReactDOM.render(
                     <Route pageTitle=":name" path="/applications/:name" component={ApplicationView} />
                 </Route>
                 
-                <Route pageTitle="Client strategies" ppath="/client-strategies" component={ClientStrategies} />
+                <Route pageTitle="Client strategies" path="/client-strategies" component={ClientStrategies} />
             </Route>
         </Router>
     </Provider>, document.getElementById('app'));