diff --git a/src/ui/public/styles/base.less b/src/ui/public/styles/base.less
index 65bacfb46eab..c5ed81db876f 100644
--- a/src/ui/public/styles/base.less
+++ b/src/ui/public/styles/base.less
@@ -4,6 +4,7 @@
 @import (reference) "~ui/styles/bootstrap/bootstrap";
 @import "./react-input-range";
 @import "./react-select";
+@import "./pui_react";
 
 html,
 body {
diff --git a/src/ui/public/styles/pui_react.less b/src/ui/public/styles/pui_react.less
new file mode 100644
index 000000000000..f934a7d739f9
--- /dev/null
+++ b/src/ui/public/styles/pui_react.less
@@ -0,0 +1,5 @@
+// React 16 pushes tooltip to far left of page
+// Providing width corrects the problem and centers tooltip over triggering element
+.tooltip {
+  width: 1px;
+}