diff --git a/js/notebook/src/shared/style/bxvariables.scss b/js/notebook/src/shared/style/bxvariables.scss
index 3f1ca6a8d1..ce7623889b 100644
--- a/js/notebook/src/shared/style/bxvariables.scss
+++ b/js/notebook/src/shared/style/bxvariables.scss
@@ -23,3 +23,6 @@ $bxColorInfo: #5bc0de;
 $bxColorWarning: #f0ad4e;
 $bxColorError: #ff0000;
 $bxColorDefault: #777777;
+
+$bxColorLink: #337ab7;
+$bxColorHover: #23527c;
diff --git a/js/notebook/src/shared/style/tree.scss b/js/notebook/src/shared/style/tree.scss
index 49e60c9f7f..e047c679ef 100644
--- a/js/notebook/src/shared/style/tree.scss
+++ b/js/notebook/src/shared/style/tree.scss
@@ -32,6 +32,15 @@
 
 @import "bxvariables";
 
+a {
+  color: $bxColorLink;
+  text-decoration: none;
+  &:focus, &:hover {
+    color: $bxColorHover;
+    text-decoration: underline;
+  }
+}
+
 #beakerx-tree-widget {
 
   .hidden {