          [: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}]]

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

        opts (merge (:options page)
                    (deref local))]
    (letfn [(on-field-change [field 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))
