diff --git a/static/styles/right-sidebar.scss b/static/styles/right-sidebar.scss
index 9741dadd8f..6c384f8b96 100644
--- a/static/styles/right-sidebar.scss
+++ b/static/styles/right-sidebar.scss
@@ -241,3 +241,7 @@
     cursor: pointer;
     font-size: 20px;
 }
+
+#sidebar-keyboard-shortcuts a {
+    color: hsl(0, 0%, 1.2%); //#333
+}
diff --git a/templates/zerver/app/right_sidebar.html b/templates/zerver/app/right_sidebar.html
index 28f551720e..e74140cb21 100644
--- a/templates/zerver/app/right_sidebar.html
+++ b/templates/zerver/app/right_sidebar.html
@@ -34,7 +34,9 @@
             </ul>
         </div>
         <div id="sidebar-keyboard-shortcuts">
-            <i id="keyboard-icon" class="fa fa-keyboard-o fa-2x" aria-hidden="true" data-html="true" data-overlay-trigger="keyboard-shortcuts" data-toggle="tooltip" title="{{ _('Keyboard shortcuts') }} <span class='hotkey-hint'>(?)</span>"></i>
+            <a data-overlay-trigger="keyboard-shortcuts">
+                <i class="fa fa-keyboard-o fa-2x" id="keyboard-icon" data-html="true" data-toggle="tooltip" title="{{ _('Keyboard shortcuts') }} <span class='hotkey-hint'>(?)</span>"></i>
+            </a>
         </div>
     </div>
 </div>