      ;; Google's code complains if the sign-in button goes missing, so we hide this component rather
      ;; than removing it from the page.
      [:div {:style {:display (when (:hidden? props) "none") :marginTop "2rem"}}
-      [buttons/Button {:text "Sign In" :onClick #(this :-handle-sign-in-click)}]
-      [:div {:style {:marginTop "2em" :maxWidth 600}}
-       [:div {} [:b {} "New user? FireCloud requires a Google account."]]
-       [:div {} "Please use the \"Sign In\" button above to sign-in with your Google Account.
-         Once you have successfully signed-in with Google, you will be taken to the FireCloud
-         registration page."]]
-      [:div {:style {:maxWidth 600 :paddingTop "2em" :fontSize "small"}}
-       [Policy]]])
+      [:div {:style {:margin "0 auto" :maxWidth 616}}
+       [:div {:style {:textAlign "center"}}
+        [buttons/Button {:text "Sign In" :onClick #(this :-handle-sign-in-click)}]]
+       [:div {:style {:margin "2rem 0"}}
+        [:div {} [:b {} "New user? FireCloud requires a Google account."]]
+        [:p {}
+         "Please use the \"Sign In\" button above to sign-in with your Google Account.
+          Once you have successfully signed-in with Google, you will be taken to the FireCloud
+          registration page."]]]
+      [Policy {:context :logged-out}]])
    :component-did-mount
    (fn [{:keys [props locals]}]
      (swap! locals assoc :refresh-token-saved? true)

  (:require
   [dmohs.react :as react]
   [clojure.string :as string]
   [broadfcui.common.style :as style]
   [broadfcui.components.buttons :as buttons]
   [broadfcui.components.spinner :refer [spinner]]

  (nav/defpath
   :policy
   {:public? true
    :component PolicyPage
    :regex #"policy"
    :make-props (fn [_] {})
    :make-path (fn [] "policy")}))
