diff --git a/src/components/landing/pages/history/history-card/history-card.tsx b/src/components/landing/pages/history/history-card/history-card.tsx
index 6cfad7555..3f5632ecd 100644
--- a/src/components/landing/pages/history/history-card/history-card.tsx
+++ b/src/components/landing/pages/history/history-card/history-card.tsx
@@ -1,6 +1,7 @@
 import moment from 'moment'
 import React from 'react'
 import { Badge, Card } from 'react-bootstrap'
+import { Link } from 'react-router-dom'
 import { formatHistoryDate } from '../../../../../utils/historyUtils'
 import { ForkAwesomeIcon } from '../../../../common/fork-awesome/fork-awesome-icon'
 import { EntryMenu } from '../common/entry-menu'
@@ -16,20 +17,22 @@ export const HistoryCard: React.FC<HistoryEntryProps> = ({ entry, onPinClick, on
           <div className={'d-flex flex-column'}>
             <PinButton isDark={false} isPinned={entry.pinned} onPinClick={() => onPinClick(entry.id, entry.location)}/>
           </div>
-          <div className={'d-flex flex-column justify-content-between'}>
-            <Card.Title className="m-0 mt-1dot5">{entry.title}</Card.Title>
-            <div>
-              <div className="text-black-50 mt-2">
-                <ForkAwesomeIcon icon="clock-o"/> {moment(entry.lastVisited).fromNow()}<br/>
-                {formatHistoryDate(entry.lastVisited)}
-              </div>
-              <div className={'card-footer-min-height p-0'}>
-                {
-                  entry.tags.map((tag) => <Badge variant={'dark'} className={'mr-1 mb-1'} key={tag}>{tag}</Badge>)
-                }
+          <Link to={`/n/${entry.id}`} className="text-decoration-none flex-fill text-dark">
+            <div className={'d-flex flex-column justify-content-between'}>
+              <Card.Title className="m-0 mt-1dot5">{entry.title}</Card.Title>
+              <div>
+                <div className="text-black-50 mt-2">
+                  <ForkAwesomeIcon icon="clock-o"/> {moment(entry.lastVisited).fromNow()}<br/>
+                  {formatHistoryDate(entry.lastVisited)}
+                </div>
+                <div className={'card-footer-min-height p-0'}>
+                  {
+                    entry.tags.map((tag) => <Badge variant={'dark'} className={'mr-1 mb-1'} key={tag}>{tag}</Badge>)
+                  }
+                </div>
               </div>
             </div>
-          </div>
+          </Link>
           <div className={'d-flex flex-column'}>
             <EntryMenu
               id={entry.id}
diff --git a/src/components/landing/pages/history/history-table/history-table-row.tsx b/src/components/landing/pages/history/history-table/history-table-row.tsx
index d098f35c8..77bb813da 100644
--- a/src/components/landing/pages/history/history-table/history-table-row.tsx
+++ b/src/components/landing/pages/history/history-table/history-table-row.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Badge } from 'react-bootstrap'
+import { Link } from 'react-router-dom'
 import { formatHistoryDate } from '../../../../../utils/historyUtils'
 import { EntryMenu } from '../common/entry-menu'
 import { PinButton } from '../common/pin-button'
@@ -8,7 +9,11 @@ import { HistoryEntryProps } from '../history-content/history-content'
 export const HistoryTableRow: React.FC<HistoryEntryProps> = ({ entry, onPinClick, onRemoveClick }) => {
   return (
     <tr>
-      <td>{entry.title}</td>
+      <td>
+        <Link to={`/n/${entry.id}`} className="text-light">
+          {entry.title}
+        </Link>
+      </td>
       <td>{formatHistoryDate(entry.lastVisited)}</td>
       <td>
         {