3 files changed, 6 insertions, 1 deletions
diff --git a/frontend/app/views/graph/graph.css b/frontend/app/views/graph/graph.css
index 280ce58..c796d3f 100644
--- a/frontend/app/views/graph/graph.css
+++ b/frontend/app/views/graph/graph.css
@@ -279,6 +279,7 @@ button.box_corner:hover {
 .cursorList .cursors img {
   max-width: 50px;
   max-height: 50px;
+  user-select: none;
 }
 
 /* Graph handles */
diff --git a/frontend/app/views/page/page.css b/frontend/app/views/page/page.css
index 8e6e156..1db3930 100644
--- a/frontend/app/views/page/page.css
+++ b/frontend/app/views/page/page.css
@@ -178,6 +178,7 @@
 /* sample cursor */
 
 .sampleCursor {
+  cursor: pointer;
   max-width: 50px;
   max-height: 50px;
 }
diff --git a/frontend/app/views/tile/forms/tile.form.hyperlink.js b/frontend/app/views/tile/forms/tile.form.hyperlink.js
index 4d3e0b5..b9fb038 100644
--- a/frontend/app/views/tile/forms/tile.form.hyperlink.js
+++ b/frontend/app/views/tile/forms/tile.form.hyperlink.js
@@ -11,6 +11,9 @@ import {
   NO_POPUP, OPEN_POPUP_LINK, CLOSE_POPUP_LINK
 } from './tile.constants'
 
+import { dispatch } from 'app/store'
+import { toggleCursorList } from 'app/views/page/page.actions'
+
 export default function TileHyperlinkForm({ tile, pageList, popupList, cursors, parent }) {
   const isExternalLink = tile.target_page_id === EXTERNAL_LINK
   // const isPopupLink = (
@@ -43,7 +46,7 @@ export default function TileHyperlinkForm({ tile, pageList, popupList, cursors,
         />
       </div>
       {cursor && (
-        <img src={cursor.url} className="sampleCursor" />
+        <img src={cursor.url} className="sampleCursor" onClick={() => toggleCursorList(true)(dispatch)} />
       )}
       {isExternalLink && (
         <div>