diff --git a/frontend/resources/styles/view/layouts/main-layout.scss b/frontend/resources/styles/view/layouts/main-layout.scss
index 97a811ef30..f5d65ad34d 100644
--- a/frontend/resources/styles/view/layouts/main-layout.scss
+++ b/frontend/resources/styles/view/layouts/main-layout.scss
@@ -237,3 +237,14 @@
     width: 15px;
   }
 }
+
+.interaction-bullet {
+  fill: $color-primary;
+  fill-opacity: 1;
+}
+
+.interaction-hightlight {
+  fill: $color-primary;
+  fill-opacity: 0.3;
+  stroke: $color-primary;
+}
diff --git a/frontend/src/uxbox/view/ui/viewer/shapes.cljs b/frontend/src/uxbox/view/ui/viewer/shapes.cljs
index d500a22099..296c5d474c 100644
--- a/frontend/src/uxbox/view/ui/viewer/shapes.cljs
+++ b/frontend/src/uxbox/view/ui/viewer/shapes.cljs
@@ -63,10 +63,15 @@
          :style {:cursor "pointer"}}
      (factory shape)
      (when show-itx?
-       [:circle {:fill "#78dbbe"
+       [:circle {:class "interaction-bullet"
                  :cx (:x1 rect)
                  :cy (:y1 rect)
-                 :r 5}])]))
+                 :r 5}]
+       [:rect {:class "interaction-hightlight"
+                 :x (:x1 rect)
+                 :y (:y1 rect)
+                 :width (:width rect)
+                 :height (:height rect)}])]))
 
 ;; --- Image Shape Wrapper
 ;;