diff --git a/resources/styles/view/layouts/main-layout.scss b/resources/styles/view/layouts/main-layout.scss
index 00677bacac..7e730eb428 100644
--- a/resources/styles/view/layouts/main-layout.scss
+++ b/resources/styles/view/layouts/main-layout.scss
@@ -220,3 +220,18 @@
   justify-content: center;
   align-items: center;
 }
+
+.interaction-mark {
+  align-items: center;
+  background-color: $color-primary;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  height: 20px;
+  width: 20px;
+  svg {
+    fill: $color-white;
+    height: 15px;
+    width: 15px;
+  }
+}
diff --git a/src/uxbox/view/ui/viewer/shapes.cljs b/src/uxbox/view/ui/viewer/shapes.cljs
index 93dbb6ac4d..ff4cbcbb50 100644
--- a/src/uxbox/view/ui/viewer/shapes.cljs
+++ b/src/uxbox/view/ui/viewer/shapes.cljs
@@ -16,6 +16,7 @@
             [uxbox.main.ui.shapes.group :refer (group-shape)]
             [uxbox.main.ui.shapes.path :refer (path-shape)]
             [uxbox.main.ui.shapes.circle :refer (circle-shape)]
+            [uxbox.main.ui.icons :as i]
             [uxbox.view.ui.viewer.interactions :as itx])
   (:import goog.events.EventType))
 
@@ -52,10 +53,11 @@
     [:g {:id (str "itx-" (:id shape))}
      (factory shape)
      (when show-itx?
-       [:circle {:fill "red"
-                 :cx (:x rect)
-                 :cy (:y rect)
-                 :r 10}])]))
+      [:div.interaction-mark i/trash])]))
+      ;  [:circle {:fill "red"
+      ;            :cx (:x rect)
+      ;            :cy (:y rect)
+      ;            :r 10}])]))
 
 ;; --- Shapes
 
@@ -75,4 +77,3 @@
   [sid]
   (let [item (get-in @st/state [:shapes-by-id sid])]
     (interactions-wrapper item shape*)))
-