diff --git a/tooltip.scss b/tooltip.scss
index b96e208..bebfc7a 100644
--- a/tooltip.scss
+++ b/tooltip.scss
@@ -4,42 +4,42 @@
     position: relative;
     cursor: pointer;
     display: inline-block;
-}
 
-.tooltip > i {
-    @include border-radius(3px);
-    text-align: center;
-    font-size: 0.7em;
-    color: #fff;
-    line-height: 1.0em;
-    background: #000000;
-    position: absolute;
-    padding: 5px;
-    bottom: 100%;
-    left: -50%;
-    margin-bottom: 10px;
-    visibility: hidden;
-    opacity: 0;
-    white-space: pre;
-}
+    > i {
+        @include border-radius(3px);
+        text-align: center;
+        font-size: 0.7em;
+        color: #fff;
+        line-height: 1.0em;
+        background: #000000;
+        position: absolute;
+        padding: 5px;
+        bottom: 100%;
+        left: -50%;
+        margin-bottom: 10px;
+        visibility: hidden;
+        opacity: 0;
+        white-space: pre;
+    }
 
-.tooltip > i:before, .tooltip > i:after {
-    content: "";
-    position: absolute;
-    border-left: 10px solid transparent;
-    border-right: 10px solid transparent;
-    top: 100%;
-    left: 50%;
-    margin-left: -10px;
-}
+    > i:before,  > i:after {
+        content: "";
+        position: absolute;
+        border-left: 10px solid transparent;
+        border-right: 10px solid transparent;
+        top: 100%;
+        left: 50%;
+        margin-left: -10px;
+    }
+    
+    > i:after{
+        border-top: 10px solid #000000;
+        margin-top: 0;
+        z-index: 1;
+    }
 
-.tooltip > i:after{
-    border-top: 10px solid #000000;
-    margin-top: 0;
-    z-index: 1;
-}
-
-.tooltip:hover > i {
-    visibility: visible;
-    opacity: 1;
+    &:hover > i {
+        visibility: visible;
+        opacity: 1;
+    }
 }