diff --git a/less/_popups.less b/less/_popups.less
index 9d4f8ee1..b9a570d5 100644
--- a/less/_popups.less
+++ b/less/_popups.less
@@ -1,25 +1,19 @@
 .popover, .tooltip-inner {
-    background: #323232;
-    color: #FFF;
-    border-radius: 2px;
-
+  color: @popover-color;
+  font-weight: bold;
+  line-height: 1em;
+  background: @popover-background;
+  border: 1px solid @popover-background;
+  border-radius: @material-border-radius;
+  .shadow-z-1();
 }
 
 .tooltip, .tooltip.in {
-    opacity: 1;
+  opacity: 1;
 }
 
 .popover, .tooltip {
-    &.left .arrow:after, &.left .tooltip-arrow {
-        border-left-color: #323232;
-    }
-    &.right .arrow:after, &.right .tooltip-arrow {
-        border-right-color: #323232;
-    }
-    &.top .arrow:after, &.top .tooltip-arrow {
-        border-top-color: #323232;
-    }
-    &.bottom .arrow:after, &.bottom .tooltip-arrow {
-        border-bottom-color: #323232;
-    }
+  .arrow, .tooltip-arrow {
+    display: none;
+  }
 }
diff --git a/less/_variables.less b/less/_variables.less
index a127e3f2..d5be9d0b 100644
--- a/less/_variables.less
+++ b/less/_variables.less
@@ -79,6 +79,9 @@
 @progress-warning: @warning;
 @progress-danger: @danger;
 
+// Global Material vars
+@material-border-radius: 2px;
+
 // Card
 @card-body-text: @lightbg-text;
 @card-body-background: #fff;
@@ -86,3 +89,7 @@
 
 @text-disabled: #a8a8a8;
 @background-disabled: #eaeaea;
+
+// Popups
+@popover-background: rgba(70,70,70,.9);
+@popover-color: #ececec;