                :border-bottom (str "1px solid " border-dark)}
      [:input (list
               {:position :absolute
-               :top "50%"
-               :left "50%"
+               :top "50%", :left "50%"
+               :transform "translate(-50%,-50%)"
                :border (str "1px solid " border-dark)}
-              ^:prefix {:transform "translate(-50%,-50%)"}
               (calc-property :width ["100%" - (* 2 search-padding)]))]]))
 
 (def sidebar-css

(def dropdown-css
  (let [font-size (px 14)
        height 25]
    [:label.dropdown (list {:background "linear-gradient(to bottom, #ffffff 0%,#e4e4e4 100%)"
                            :font-size font-size
                            :position :relative
                            :height (px height)
                            :text-shadow "1px 1px #ffffff"
                            :line-height (px height)
                            :display :inline-flex
                            :padding  {:left (px 10)
                                       :right (px 0)
                                       :top (px 0)
                                       :bottom (px 0)}
                            :border (str "1px solid " border-buttons)
                            :border-radius (px 4)}
                           ^:prefix {:box-shadow "0px 0px 3px #dddddd"})
     [:span {:padding {:left (px 20)
                       :right (px 20)}
             :font-weight 300}]

                 :background-color header-color
                 :bottom 0
                 :display :initial}
        [:button {:position :relative
                  :left "50%", :top "50%"
                  :transform "translate(-50%,-50%)"}]]]])
   ;; The drop-area to create new documents
   [:td.create-document {:min-width (px document-width)
                         :position :relative
                         :display :block}
    [:&.active {:background-color "lightgray"}]
    [:.note {:width "100%"
             :height "100"
             :position :absolute
             :top "50%", :left "50%"
             :transform "translate(-50%, -50%)"
             :text-align :center}
     [:.arrow {:background {:image (image-url "drop-arrow.svg")
                            :repeat :no-repeat
                            :position :center
