     markRightX = Math.max @startingPoint, e.x
 
     @element.style.left = (Math.min markLeftX, markRightX) + "px"
-    @element.style.width = (Math.abs markRightX - markLeftX) + "px"
+    @element.style.width = (Math.max (Math.abs markRightX - markLeftX), MIN_WIDTH) + "px"
 
     @save(markLeftX, markRightX)
 

    @element.style.border =  '2px solid red'
    @element.style.borderTop =  '13px solid red'

    @startingPoint = e.x
    @dragging = false

    @element.addEventListener 'mouseover', (e) => @hovering = true

    e.preventDefault()
    if (Math.abs e.layerX - (@domXMax-@domXMin)) < 10
      @startingPoint = @domXMin
      @resizing = true
    else if e.layerX < 10
      @startingPoint = @domXMax
      @resizing = true
    else if e.layerY > 15
      @moving = true
      @pointerOffset = (e.x-@domXMin)
