diff --git a/index.less b/index.less
index a496028..1026805 100644
--- a/index.less
+++ b/index.less
@@ -10,5 +10,6 @@
 @import 'stylesheets/lists';
 @import 'stylesheets/editor';
 @import 'stylesheets/tabs';
+@import 'stylesheets/tooltips';
 @import 'stylesheets/overlays';
 @import 'stylesheets/dropdowns';
diff --git a/stylesheets/tooltips.less b/stylesheets/tooltips.less
new file mode 100644
index 0000000..df87172
--- /dev/null
+++ b/stylesheets/tooltips.less
@@ -0,0 +1,50 @@
+@import "ui-variables";
+
+.tooltip {
+  @tip-background-color: #fff;
+  @tip-text-color: #333;
+  white-space: nowrap;
+
+  .keystroke {
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 13px;
+    color: #777;
+    padding-left: 2px;
+  }
+
+  &.in { opacity: 1; }
+
+  .tooltip-inner {
+    line-height: 19px;
+    border-radius: @component-border-radius;
+    background-color: @tip-background-color;
+    color: @tip-text-color;
+    white-space: nowrap;
+    max-width: none;
+  }
+
+  &.top .tooltip-arrow {
+    border-top-color: @tip-background-color;
+  }
+  &.top-left .tooltip-arrow {
+    border-top-color: @tip-background-color;
+  }
+  &.top-right .tooltip-arrow {
+    border-top-color: @tip-background-color;
+  }
+  &.right .tooltip-arrow {
+    border-right-color: @tip-background-color;
+  }
+  &.left .tooltip-arrow {
+    border-left-color: @tip-background-color;
+  }
+  &.bottom .tooltip-arrow {
+    border-bottom-color: @tip-background-color;
+  }
+  &.bottom-left .tooltip-arrow {
+    border-bottom-color: @tip-background-color;
+  }
+  &.bottom-right .tooltip-arrow {
+    border-bottom-color: @tip-background-color;
+  }
+}