     [:.explanation
      {:color "#999"
       :font-size "0.75em"
-      :margin [[small-spacing 0 0 0]]}]
-
-    [:p
-     {:margin "0"}]
+      :margin [[small-spacing 0 0 0]]}
+
+     [:p
+      {:margin "0"}]]
+
+    [:.error-message
+     {:position "absolute"
+      :top 0
+      :right 0
+      :text-align "right"
+      :line-height "1.5rem"
+      :font-size "0.75em"
+      :color invalid-color}]
 
     [:label
      {:display "block"}

           [:div.explanation
            [:p "Anyone can find and join your group through the Braid Group Directory."]
            [:p "Unlimited everything. Free forever."]]]
          [:label
           [:input {:type "radio"
                    :name "type"
                    :value "private"
                    :checked (when (= "private" (@fields :type)))
                    :on-click (fn [e]
                                (let [value (.. e -target -value)]
                                  (swap! fields assoc :type value)))}]

     ["::-webkit-input-placeholder"
      {:color "#eee"}]]

    [:&.invalid
     ["input[type=text]"
      {:border-color invalid-color}]

     [:.field::after
      (input-field-mixin)
      {:content "\"!\""
       :color invalid-color
       :border "none"
       :display "inline-block"}]]

    [:&.valid
     [:.field::after
      (input-field-mixin)
      {:content "\"\u2713\""
       :color valid-color
       :border "none"
       :display "inline-block"}]]

    [:&.group-url

     [:.field
      {:white-space "nowrap"}

      ["input[type=text]"
