diff --git a/site/src/components/CreateUserForm/CreateUserForm.tsx b/site/src/components/CreateUserForm/CreateUserForm.tsx
index 9be5e2087b..50d7fd9702 100644
--- a/site/src/components/CreateUserForm/CreateUserForm.tsx
+++ b/site/src/components/CreateUserForm/CreateUserForm.tsx
@@ -21,6 +21,7 @@ const Language = {
 
 export interface CreateUserFormProps {
   onSubmit: (user: CreateUserRequest) => void
+  onCancel: () => void
 }
 
 const validationSchema = Yup.object({
@@ -29,7 +30,7 @@ const validationSchema = Yup.object({
   username: Yup.string().required(),
 })
 
-export const CreateUserForm: React.FC<CreateUserFormProps> = ({ onSubmit }) => {
+export const CreateUserForm: React.FC<CreateUserFormProps> = ({ onSubmit, onCancel }) => {
   const form: FormikContextType<CreateUserRequest> = useFormik<CreateUserRequest>({
     initialValues: {
       email: "",
@@ -70,10 +71,10 @@ export const CreateUserForm: React.FC<CreateUserFormProps> = ({ onSubmit }) => {
         variant="outlined"
       />
       <div>
+        <Button onClick={onCancel}>{Language.cancel}</Button>
         <LoadingButton color="primary" type="submit" variant="contained">
           {Language.createUser}
         </LoadingButton>
-        <Button>{Language.cancel}</Button>
       </div>
     </form>
   )
diff --git a/site/src/pages/UsersPage/CreateUserPage/CreateUserPage.tsx b/site/src/pages/UsersPage/CreateUserPage/CreateUserPage.tsx
index 4d558706ac..57bdac412f 100644
--- a/site/src/pages/UsersPage/CreateUserPage/CreateUserPage.tsx
+++ b/site/src/pages/UsersPage/CreateUserPage/CreateUserPage.tsx
@@ -1,5 +1,6 @@
 import { useActor } from "@xstate/react"
 import React, { useContext } from "react"
+import { useNavigate } from "react-router"
 import { CreateUserRequest } from "../../../api/typesGenerated"
 import { CreateUserForm } from "../../../components/CreateUserForm/CreateUserForm"
 import { XServiceContext } from "../../../xServices/StateContext"
@@ -7,6 +8,7 @@ import { XServiceContext } from "../../../xServices/StateContext"
 export const CreateUserPage = () => {
   const xServices = useContext(XServiceContext)
   const [_, usersSend] = useActor(xServices.usersXService)
+  const navigate = useNavigate()
 
-  return <CreateUserForm onSubmit={(user: CreateUserRequest) => usersSend({ type: "CREATE", user })} />
+  return <CreateUserForm onSubmit={(user: CreateUserRequest) => usersSend({ type: "CREATE", user })} onCancel={() => navigate("/users")} />
 }