          [:input#grid-x.input-text
           {:placeholder "X px"
            :type "number"
-           :value (:grid/x-axis opts "2")
+           ;; 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 "2")
+           :value (:grid/y-axis opts "10")
            :on-change (partial on-field-change :grid/y-axis)
            :min 1
            :max 100}]]

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

;; --- Lentes


                                 (dom/checked?))]
                (swap! local assoc :grid/align checked?)))
            (on-submit [event]
              (dom/prevent-default event)
              (let [page (assoc page :options opts)]
                (rs/emit! (udp/update-page-metadata page))
                (lightbox/close!)))]
