diff --git a/src/emain.ts b/src/emain.ts
index 9856b049..fe0e0a76 100644
--- a/src/emain.ts
+++ b/src/emain.ts
@@ -45,14 +45,18 @@ function getMods(input : any) {
     return {meta: input.meta, shift: input.shift, ctrl: input.ctrl, alt: input.alt};
 }
 
-function cancelNav(event : any, url : any) {
-    console.log("cancel navigation", url);
+function shNavHandler(event : any, url : any) {
+    console.log("navigation", url);
     event.preventDefault();
+    if (url == "file:///remotes.html") {
+        createRemotesWindow();
+    }
 }
 
 function createRemotesWindow() {
     if (RemotesWindow != null) {
         console.log("remotes exists");
+        RemotesWindow.focus();
         return;
     }
     console.log("create remotes window");
@@ -68,10 +72,10 @@ function createRemotesWindow() {
     win.on("close", () => {
         RemotesWindow = null;
     });
-    win.webContents.on("will-navigate", cancelNav);
+    win.webContents.on("will-navigate", shNavHandler);
 }
 
-function createWindow() {
+        function createWindow() {
     let win = new electron.BrowserWindow({
         width: 1800,
         height: 1200,
@@ -129,7 +133,7 @@ function createWindow() {
             return;
         }
     });
-    win.webContents.on("will-navigate", cancelNav);
+    win.webContents.on("will-navigate", shNavHandler);
     return win;
 }
 
diff --git a/src/main.tsx b/src/main.tsx
index 048b3262..8a3350da 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -912,7 +912,7 @@ class MainSideBar extends React.Component<{}, {}> {
                     </ul>
                     <div className="spacer"></div>
                     <p className="menu-label">
-                        Remotes
+                        <a href="/remotes.html">Remotes</a>
                     </p>
                     <ul className="menu-list">
                         <For each="remote" of={remotes}>
diff --git a/src/sh2.less b/src/sh2.less
index 0c611bfc..b51812ed 100644
--- a/src/sh2.less
+++ b/src/sh2.less
@@ -177,6 +177,14 @@ html, body, #main {
 
     .menu-label {
         color: #bbb;
+
+        a {
+            color: #bbb;
+        }
+        
+        a:hover {
+            color: #3273dc;
+        }
     }
 
     p.menu-label {