          [:option {:value ":dashed"} "Dashed"]
          [:option {:value ":mixed"} "Mixed"]]
         [:input.input-text
-        {:placeholder "Width"
-        :type "number"
-        :min "0"
-        :value (:stroke-width shape "1")
-        :on-change on-width-change}]]
+         {:placeholder "Width"
+          :type "number"
+          :min "0"
+          :value (:stroke-width shape "1")
+          :on-change on-width-change}]]
 
        ;; SLIDEBAR FOR ROTATION AND OPACITY
        [:span "Color"]

            [uxbox.ui.colorpicker :refer (colorpicker)]
            [uxbox.ui.workspace.recent-colors :refer (recent-colors)]
            [uxbox.ui.workspace.base :as wb]
            [uxbox.util.dom :as dom]
            [uxbox.util.data :refer (parse-int parse-float read-string)]))


  (mx/component
   {:render options-menus-render
    :name "options-menus"
    :mixins [mx/static (mx/local)]}))

(def ^:const selected-shape-l
  (letfn [(getter [state]
            (let [selected (get-in state [:workspace :selected])]
              (when (= 1 (count selected))
                (get-in state [:shapes-by-id (first selected)]))))]
    (as-> (ul/getter getter) $
      (l/focus-atom $ st/state))))

(defn options-toolbox-render
  [own]
  (let [shape (rum/react selected-shape-l)
        close #(rs/emit! (dw/toggle-flag :element-options))]
    (html
     [:div.elementa-options.tool-window
      [:div.tool-window-bar
