diff --git a/src/scss/cdb-components/shapes/threePoints.scss b/src/scss/cdb-components/shapes/threePoints.scss
index 36bb47c..a2e2c41 100644
--- a/src/scss/cdb-components/shapes/threePoints.scss
+++ b/src/scss/cdb-components/shapes/threePoints.scss
@@ -7,29 +7,29 @@ Description
 <h2>16px</h2>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints">
+    <button class="CDB-Shape-threePoints js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-blue">
+    <button class="CDB-Shape-threePoints is-blue js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px; background: #2E3C43;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <div class="CDB-Shape-threePoints is-white">
+    <button class="CDB-Shape-threePoints is-white js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <br>
@@ -39,29 +39,29 @@ Description
 <h2>12px</h2>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-small">
+    <button class="CDB-Shape-threePoints is-small js-actions">
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
       <div class="CDB-Shape-threePointsItem"></div>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
-    <div class="CDB-Shape-threePoints is-blue is-small">
+    <button 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>
-    </div>
+    </button>
   </div>
 </div>
 <div style="padding: 20px; background: #2E3C43;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
-    <div class="CDB-Shape-threePoints is-white is-small">
+    <button 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>
-    </div>
+    </button>
   </div>
 </div>
 ```
@@ -104,4 +104,3 @@ Description
     background: $cWhite;
   }
 }
-