         opts (merge (:options page)
                     (deref local))]
     (letfn [(on-field-change [field event]
-              (let [value (dom/event->value event)]
+              (let [value (dom/event->value event)
+                    value (parse-int value)]
                 (swap! local assoc field value)))
             (on-color-change [color]
               (swap! local assoc :grid/color color))

            [uxbox.ui.lightbox :as lightbox]
            [uxbox.ui.colorpicker :as uucp]
            [uxbox.ui.workspace.base :as wb]
            [uxbox.util.dom :as dom]))

;; --- Lentes


         [:input#grid-x.input-text
          {:placeholder "X px"
           :type "number"
           ;; TODO: put here the default from constants
           :value (:grid/x-axis opts "10")
           :on-change (partial on-field-change :grid/x-axis)
           :min 1 ;;TODO check this value
           :max 100}]
         [:input#grid-y.input-text
          {:placeholder "Y px"
           :type "number"
           :value (:grid/y-axis opts "10")
           :on-change (partial on-field-change :grid/y-axis)
           :min 1
           :max 100}]]
