diff --git a/ui/src/shared/components/GraphTips.js b/ui/src/shared/components/GraphTips.js
index 5ff4d3e638..edf0193b78 100644
--- a/ui/src/shared/components/GraphTips.js
+++ b/ui/src/shared/components/GraphTips.js
@@ -4,7 +4,7 @@ import ReactTooltip from 'react-tooltip'
 const GraphTips = React.createClass({
   render() {
     const graphTipsText =
-      '<p><b>Graph Tips:</b><br/><br/><code>Click + Drag</code> Zoom in (X or Y)</p><p><code>Shift + Click</code> Pan Graph Window</p><p><code>Double Click</code> Reset Graph Window</p>'
+      '<h1>Graph Tips:</h1><p><code>Click + Drag</code> Zoom in (X or Y)</p><p><code>Shift + Click</code> Pan Graph Window</p><p><code>Double Click</code> Reset Graph Window</p>'
     return (
       <div
         className="graph-tips"
diff --git a/ui/src/shared/components/SourceIndicator.js b/ui/src/shared/components/SourceIndicator.js
index 9263871927..36a4ce34ad 100644
--- a/ui/src/shared/components/SourceIndicator.js
+++ b/ui/src/shared/components/SourceIndicator.js
@@ -13,7 +13,8 @@ const SourceIndicator = ({sourceOverride}, {source: {name, url}}) => {
   if (!sourceName) {
     return null
   }
-  const sourceNameTooltip = `Connected to <code>${sourceName} @ ${sourceUrl}</code>`
+  const sourceNameTooltip = `<h1>Connected to Source:</h1><p><code>${sourceName} @ ${sourceUrl}</code></p>`
+
   return (
     <div
       className="source-indicator"
diff --git a/ui/src/style/components/react-tooltips.scss b/ui/src/style/components/react-tooltips.scss
index df2227227b..f12ab3c88e 100644
--- a/ui/src/style/components/react-tooltips.scss
+++ b/ui/src/style/components/react-tooltips.scss
@@ -33,6 +33,15 @@ $tooltip-code-color: $c-potassium;
   text-transform: none !important;
   cursor: default;
 
+  h1 {
+    font-size: 14px;
+    font-weight: 600;
+    margin: 0 0 6px 0;
+    line-height: 1.125em;
+    letter-spacing: 0;
+    font-family: $default-font;
+  }
+
   p {
     margin: 0;
     width: 100%;