                             :height 10
                             :padding 1
                             :bottom 1
+                            :display :flex
+                            :flex-direction :row
+                            :align-itmes :stretch
                             :background-color (rcolor/color->rgb :white)}} [
-              [MultiSelect {:title " Types"
-                            :selected-hotkeys [hotkey]
-                            :items (map (fn [recipe]
-                                           (log/info (get recipe :hotkey))
-                                           {:name (get recipe :name) :hotkey (get recipe :hotkey)})
-                                        recipes)}]
-              [:view {:style {:top -10 :left 30}} [
+              [:view {:style {:flex 1}} [
+                [MultiSelect {:style {:width 30}
+                              :title " Types"
+                              :selected-hotkeys [hotkey]
+                              :items (map (fn [recipe]
+                                             (log/info (get recipe :hotkey))
+                                             {:name (get recipe :name) :hotkey (get recipe :hotkey)})
+                                          recipes)}]]]
+              [:view {:style {:flex 1}} [
                 ;; render recipe-info
                 (if hotkey
                   (let [matching-recipes   (filter (fn [recipe] (= (get recipe :hotkey) hotkey))

(zc/def-component CraftTransportation
  [this]
  (let [{:keys [game-state]} (zc/props this)]
    (zc/csx [zcui/Popup {:style {:position :relative :top -15
                                 :color (rcolor/color->rgb :black)
                                 :background-color (rcolor/color->rgb :white)}} [
              [:text {:style {:bottom 1}} ["| Craft Transportation |"]]

(zc/def-component CraftSurvival
  [this]
  (let [{:keys [game-state]} (zc/props this)]
    (zc/csx [zcui/Popup {:style {:margin-top 5
                                 :height 17
                                 :color (rcolor/color->rgb :black)
                                 :background-color (rcolor/color->rgb :white)}} [
              [:text {:style {:bottom 1}} ["| Craft Survival |"]]
