diff --git a/scss/_core.scss b/scss/_core.scss
index 57ca53f5..a609da52 100644
--- a/scss/_core.scss
+++ b/scss/_core.scss
@@ -21,6 +21,7 @@
 @import "progress";
 @import "pagination";
 @import "type";
+@import "tooltip";
 @import "popover";
 @import "cards";
 @import "modal";
diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
new file mode 100644
index 00000000..f4b82a88
--- /dev/null
+++ b/scss/_tooltip.scss
@@ -0,0 +1,5 @@
+// specs https://material.google.com/components/tooltips.html#tooltips-tooltips-desktop-
+
+.tooltip-arrow {
+  display: none;
+}
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 3ea78211..8d3de85c 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -34,6 +34,7 @@ $bmd-label-color-inner-focus: $gray !default; // e.g. radio label or text-muted
 @import "variables/bootstrap/pagination";
 @import "variables/bootstrap/state";
 @import "variables/bootstrap/tables";
+@import "variables/bootstrap/tooltip";
 @import "variables/bootstrap/type";
 @import "variables/bootstrap/modals";
 
diff --git a/scss/variables/bootstrap/_tooltip.scss b/scss/variables/bootstrap/_tooltip.scss
new file mode 100644
index 00000000..e94196df
--- /dev/null
+++ b/scss/variables/bootstrap/_tooltip.scss
@@ -0,0 +1 @@
+$tooltip-bg: rgba($grey-700, .9);