diff --git a/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/lib/draggable.js b/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/lib/draggable.js
index eeb25fd..015556e 100644
--- a/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/lib/draggable.js
+++ b/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/lib/draggable.js
@@ -1,5 +1,5 @@
 angular.module("umbraco").
-    directive('draggable', function () {
+    directive('uskydraggable', function () {
         return {
             restrict: 'A',
             scope: {
@@ -58,4 +58,4 @@
 
             }
         };
-    });
\ No newline at end of file
+    });
diff --git a/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/uSky.Slider.html b/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/uSky.Slider.html
index 911188d..cd582f7 100644
--- a/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/uSky.Slider.html
+++ b/Src/lecoati.usky.ui/App_Plugins/Lecoati.uSky.Slider/uSky.Slider.html
@@ -110,7 +110,7 @@ <h3>Animation</h3>
             <div id="slideFluid" class="layer-show" ng-style="setSliderStyle()">
 
                 <div class="slider-revolution-layer"
-                     draggable
+                     uskydraggable
                      ng-class="{ selected: layer == $parent.currentLayer , hover: layer == $parent.overLayer }"
                      aspectratio="layer.type=='image'"
                      resize="layer.type=='image'"
@@ -273,4 +273,4 @@ <h3>Layers</h3>
 
     </div>
 
-</div>
\ No newline at end of file
+</div>