diff --git a/src/scss/cdb-components/shapes/threePoints.scss b/src/scss/cdb-components/shapes/threePoints.scss
index a2e2c41..48038e3 100644
--- a/src/scss/cdb-components/shapes/threePoints.scss
+++ b/src/scss/cdb-components/shapes/threePoints.scss
@@ -6,31 +6,31 @@ Description
 ```
 <h2>16px</h2>
 <div style="padding: 20px;">
-  <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <button class="CDB-Shape-threePoints js-actions">
+  <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </button>
-  </div>
+    </div>
+  </button>
 </div>
 <div style="padding: 20px;">
-  <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <button class="CDB-Shape-threePoints is-blue js-actions">
+  <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints is-blue">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </button>
-  </div>
+    </div>
+  </button>
 </div>
 <div style="padding: 20px; background: #2E3C43;">
-  <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <button class="CDB-Shape-threePoints is-white js-actions">
+  <button class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
+    <div class="CDB-Shape-threePoints is-white">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </button>
-  </div>
+    </div>
+  </button>
 </div>
 <br>
 <br>
@@ -38,31 +38,31 @@ Description
 <br>
 <h2>12px</h2>
 <div style="padding: 20px;">
-  <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <button class="CDB-Shape-threePoints is-small js-actions">
+  <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints is-small">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </button>
-  </div>
+    </div>
+  </button>
 </div>
 <div style="padding: 20px;">
-  <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <button class="CDB-Shape-threePoints is-blue is-small js-actions">
+  <button class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-threePoints is-blue is-small js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </button>
-  </div>
+    </div>
+  </button>
 </div>
 <div style="padding: 20px; background: #2E3C43;">
-  <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <button class="CDB-Shape-threePoints is-white is-small js-actions">
+  <button class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
+    <div class="CDB-Shape-threePoints is-white is-small js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </button>
-  </div>
+    </div>
+  </button>
 </div>
 ```
 */