From c87e82e4b61db40c864073d78b172199b8629e50 Mon Sep 17 00:00:00 2001
From: Janzen Zarzoso <janzen.zarzoso@gmail.com>
Date: Tue, 16 Oct 2018 15:31:41 +1300
Subject: [PATCH] Lessened the gap between tooltip and hotspot.

---
 packages/docs/src/components/Tooltip/tooltip.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/docs/src/components/Tooltip/tooltip.scss b/packages/docs/src/components/Tooltip/tooltip.scss
index a55f3fc..5550b81 100644
--- a/packages/docs/src/components/Tooltip/tooltip.scss
+++ b/packages/docs/src/components/Tooltip/tooltip.scss
@@ -1,6 +1,8 @@
 @import '../../styles/settings';
 @import '../../styles/mixins';
 
+$triangle-size: 16px;
+
 .tooltip {
     display: inline-block;
     position: relative;
@@ -20,7 +22,7 @@
         left: 50%;
         margin-left: - $width / 2;
         color: $color-white;
-        padding-bottom: 30px;
+        padding-bottom: $triangle-size;
 
 
         &--hidden {
@@ -36,15 +38,15 @@
         padding: $spacing-gutter;
 
         &::before {
-            $size: 16px;
             position: absolute;
             display: block;
             content: '';
             left: 50%;
             right: 0;
             top: 100%;
-            border: $size solid transparent;
-            margin-left: -$size;
+            border: $triangle-size solid transparent;
+            border-bottom: 0;
+            margin-left: -$triangle-size;
             border-top-color: $color-brand-dark;
             width: 0;
             height: 0;