   (react/create-element
     [:div {}
      [:div {:style {:position "absolute" :right 2 :top 2}}
-      [:div {:style {:backgroundColor (:button-blue style/colors) :color "#fff" :padding "0.5em" :cursor "pointer"}
-             :onClick #(on-close)}
-       (icons/font-icon {:style {:fontSize "60%"}} :x)]]
+      [comps/Button {:icon :x :onClick #(on-close)}]]
      [:div {:style {:backgroundColor "#fff" :borderBottom (str "1px solid " (:line-gray style/colors))
                     :padding "20px 48px 18px"}}
       [ModalPage {:workspace-id workspace-id :on-close on-close :on-import on-import}]

        (create-formatted-header "Import Method Configuration")
        (for [[k v] {"Name" selected-conf-name
                     "Namespace" selected-conf-namespace
                     "Snapshot Id" selected-conf-snapshot-id
                     }] (create-formatted-label-text k v))
        (for [[k v] {"Destination Name"
                     (style/create-text-field {:defaultValue selected-conf-name :ref "destinationName"})
                     "Destination Namespace"

          (create-formatted-label-textfield k v))
        (render-import-button props refs)
        [:span {:style {:marginLeft "0.5em"}}
         [comps/Button {:text "Back" :onClick #((:on-back props))}]]]))})

(react/defc ConfigurationsTable
  {:render
