diff --git a/src/components/DemoTile/DemoTile.tsx b/src/components/DemoTile/DemoTile.tsx
index 8ea6f7c..4143fe8 100644
--- a/src/components/DemoTile/DemoTile.tsx
+++ b/src/components/DemoTile/DemoTile.tsx
@@ -3,6 +3,7 @@
 // @ts-ignore
 import React, { Component } from 'react';
 import './DemoTile.scss';
+import {Link} from "react-router-dom";
 
 export interface DemoTileProps {
     title: string
@@ -14,6 +15,7 @@ export interface DemoTileState {
 
 export class DemoTile extends Component<DemoTileProps, DemoTileState> {
 
+
   render() {
       if (this.props.href.startsWith('http')) {
           return (
@@ -28,13 +30,13 @@ export class DemoTile extends Component<DemoTileProps, DemoTileState> {
       }
 
       return (
-          <a className="demoTileLink" href={this.props.href}>
+          <Link className="demoTileLink" to={this.props.href}>
               <div className="demoTile">
                   <div className="demoTileContent">
                   {this.props.title}
                   </div>
               </div>
-          </a>
+          </Link>
       )
   }
 }