diff --git a/src/components/app/App.scss b/src/components/app/App.scss
index 9ed7a9ca..d0c6f0ce 100644
--- a/src/components/app/App.scss
+++ b/src/components/app/App.scss
@@ -193,6 +193,9 @@ td.pagination-center {
     color: gray;
     font-style: italic;
 }
+.gray {
+    color: gray;
+}
 .gray-italics-small {
     color: gray;
     font-style: italic;
diff --git a/src/components/concepts/ConceptHierarchyTree.jsx b/src/components/concepts/ConceptHierarchyTree.jsx
index d44da8ab..c96ff49c 100644
--- a/src/components/concepts/ConceptHierarchyTree.jsx
+++ b/src/components/concepts/ConceptHierarchyTree.jsx
@@ -113,12 +113,12 @@ class ConceptHierarchyTree extends React.Component {
         (event, d) => (
           `<div>
             <div>
-              <span class='gray-italics-no-margin'>ID:</span>
-              <span>${d.data.id}</span>
+              <span class='gray'>ID:</span>
+              <span><b>${d.data.id}</b></span>
             </div>
             <div>
-              <span class='gray-italics-no-margin'>Name:</span>
-              <span>${d.data.display_name}</span>
+              <span class='gray'>Name:</span>
+              <span><b>${d.data.display_name}</b></span>
             </div>
           </div>`
         )
diff --git a/src/components/concepts/d3Tree.scss b/src/components/concepts/d3Tree.scss
index f6c3bb21..290ac92b 100644
--- a/src/components/concepts/d3Tree.scss
+++ b/src/components/concepts/d3Tree.scss
@@ -1,7 +1,6 @@
 .d3-tip {
-    font-family: Arial, Helvetica, sans-serif;
     line-height: 1.4;
-    padding: 20px;
+    padding: 10px;
     pointer-events: none !important;
     color: #203d5d;
     box-shadow: 0 4px 20px 4px rgba(0, 20, 60, .1), 0 4px 80px -8px rgba(0, 20, 60, .2);