diff --git a/frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs b/frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs
index 1dee67c4e..0ec6c2239 100644
--- a/frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs
+++ b/frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs
@@ -8,37 +8,60 @@
 (ns uxbox.main.ui.workspace.sidebar.options.page
   "Page options menu entries."
   (:require [lentes.core :as l]
-            [uxbox.util.i18n :refer (tr)]
-            [uxbox.util.router :as r]
             [potok.core :as ptk]
             [uxbox.store :as st]
-            [uxbox.main.data.workspace :as udw]
-            [uxbox.main.data.shapes :as uds]
+            [uxbox.main.data.pages :as udp]
             [uxbox.main.ui.icons :as i]
+            [uxbox.main.ui.workspace.base :refer [page-ref]]
+            [uxbox.main.ui.workspace.colorpicker :refer [colorpicker]]
+            [uxbox.main.ui.workspace.recent-colors :refer [recent-colors]]
             [uxbox.util.mixins :as mx :include-macros true]
-            [uxbox.main.ui.workspace.colorpicker :refer (colorpicker)]
-            [uxbox.main.ui.workspace.recent-colors :refer (recent-colors)]
-            [uxbox.main.geom :as geom]
+            [uxbox.util.data :refer [parse-int]]
             [uxbox.util.dom :as dom]))
 
-
-(mx/defc measures-menu
-  {:mixins [mx/static]}
-  [menu]
-  [:div.element-set
-   [:div.element-set-title (:name menu)]
-   [:div.element-set-content
-    [:span "Size"]
-    [:div.row-flex
-     [:div.input-element.pixels
-      [:input.input-text {:type "number" :placeholder "x"}]]
-     [:div.input-element.pixels
-      [:input.input-text {:type "number" :placeholder "y"}]]]
-    [:span "Background color"]
-    [:div.row-flex.color-data
-     [:span.color-th {:style {:background-color "#d2d2d2"}}]
-     [:div.color-info
-      [:span "#D2D2D2"]]]]])
+(mx/defcs measures-menu
+  {:mixins [mx/static mx/reactive]}
+  [own menu]
+  (let [{:keys [id] :as page} (mx/react page-ref)
+        {:keys [width height] :as metadata} (:metadata page)]
+    (letfn [(on-width-change []
+              (when-let [value (-> (mx/ref-node own "width")
+                                   (dom/get-value)
+                                   (parse-int nil))]
+                (->> (assoc metadata :width value)
+                     (udp/update-metadata id)
+                     (st/emit!))))
+            (on-height-change []
+              (when-let [value (-> (mx/ref-node own "height")
+                                   (dom/get-value)
+                                   (parse-int nil))]
+                (->> (assoc metadata :height value)
+                     (udp/update-metadata id)
+                     (st/emit!))))]
+      [:div.element-set
+       [:div.element-set-title (:name menu)]
+       [:div.element-set-content
+        [:span "Size"]
+        [:div.row-flex
+         [:div.input-element.pixels
+          [:input.input-text
+           {:type "number"
+            :ref "width"
+            :on-change on-width-change
+            :value (:width metadata)
+            :placeholder "width"}]]
+         [:div.input-element.pixels
+          [:input.input-text
+           {:type "number"
+            :ref "height"
+            :on-change on-height-change
+            :value (:height metadata)
+            :placeholder "height"}]]]
+        [:span "Background color"]
+        [:div.row-flex.color-data
+         [:span.color-th {:style {:background-color "#d2d2d2"}}]
+         [:div.color-info
+          [:span "#D2D2D2"]]]]])))
 
 (mx/defc grid-options-menu
   {:mixins [mx/static]}