diff --git a/frontend/src/uxbox/main/ui/workspace/sidebar/options.cljs b/frontend/src/uxbox/main/ui/workspace/sidebar/options.cljs
index c326e48fa..0fff5367d 100644
--- a/frontend/src/uxbox/main/ui/workspace/sidebar/options.cljs
+++ b/frontend/src/uxbox/main/ui/workspace/sidebar/options.cljs
@@ -82,7 +82,7 @@
     :id ::page-measures
     :icon i/page
     :comp options-page/measures-menu}
-   {:name "Grid Options (TODO)"
+   {:name "Grid settings"
     :id ::page-grid-options
     :icon i/grid
     :comp options-page/grid-options-menu}])
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 d2e60d5c6..3b7e37109 100644
--- a/frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs
+++ b/frontend/src/uxbox/main/ui/workspace/sidebar/options/page.cljs
@@ -34,7 +34,11 @@
       [:input.input-text {:type "number" :placeholder "x"}]]
      [:div.input-element.pixels
       [:input.input-text {:type "number" :placeholder "y"}]]]
-    [:span "Background color"]]])
+    [: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]}
@@ -42,4 +46,19 @@
   [:div.element-set
    [:div.element-set-title (:name menu)]
    [:div.element-set-content
-    [:strong "Content here"]]])
+    [: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 "Color"]
+    [:div.row-flex.color-data
+     [:span.color-th {:style {:background-color "#d2d2d2"}}]
+     [:div.color-info
+      [:span "#D2D2D2"]]]
+    [:span "Magnet option"]
+    [:div.row-flex
+     [:div.input-checkbox.check-primary
+      [:input {:type "checkbox" :id "magnet" :value "Yes"}]
+      [:label {:for "magnet"} "Activate magnet"]]]]])