diff --git a/src/_variables.scss b/src/_variables.scss
index 1fb69949..7401fc86 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -263,7 +263,7 @@ $default-dropdown-bg-color: unquote("rgb(#{$color-white})") !default;
 /* ==========  Tooltips  ========== */
 
 $tooltip-text-color: unquote("rgb(#{$color-white})") !default;
-$tooltip-background-color: unquote("rgba(#{$color-black}, 0.9)") !default;
+$tooltip-background-color: unquote("rgba(#{$palette-grey-700}, 0.9)") !default;
 
 /* ==========  Footer  ========== */
 
diff --git a/src/tooltip/_tooltip.scss b/src/tooltip/_tooltip.scss
index dde3fb92..bae3e9b6 100644
--- a/src/tooltip/_tooltip.scss
+++ b/src/tooltip/_tooltip.scss
@@ -26,10 +26,12 @@
   color: $tooltip-text-color;
   display: none;
   font-size: 10px;
+  font-weight: 500;
   line-height: 14px;
   max-width: 170px;
-  padding: 4px 8px;
   position: fixed;
+  padding: 8px;
+  position: absolute;
   text-align: center;
 }
 .mdl-tooltip.is-active {
@@ -40,7 +42,7 @@
 .mdl-tooltip--large {
   line-height: 14px;
   font-size: 14px;
-  padding: 15px 16px;
+  padding: 16px;
 }
 
 @keyframes pulse {