diff --git a/src/css/netjsongraph.css b/src/css/netjsongraph.css
index 2ed2e5a1..4b02aba1 100755
--- a/src/css/netjsongraph.css
+++ b/src/css/netjsongraph.css
@@ -98,3 +98,7 @@ body {
   font-weight: bold;
   text-align: center;
 }
+
+.njg-tooltip {
+  background-color: #ccc !important;
+}
diff --git a/src/js/netjsongraph.render.js b/src/js/netjsongraph.render.js
index 8dc5412e..dc4a8552 100644
--- a/src/js/netjsongraph.render.js
+++ b/src/js/netjsongraph.render.js
@@ -35,6 +35,8 @@ class NetJSONGraphRender {
 
         tooltip: {
           confine: true,
+          position: "right",
+          padding: [5, 16],
           formatter: (params) => {
             if (params.componentSubType === "graph") {
               return params.dataType === "edge"