diff --git a/src/apps/create-patron-user-info/CreatePatron.dev.tsx b/src/apps/create-patron-user-info/CreatePatron.dev.tsx
index 8d8cf39b65..ec2c39ed4b 100644
--- a/src/apps/create-patron-user-info/CreatePatron.dev.tsx
+++ b/src/apps/create-patron-user-info/CreatePatron.dev.tsx
@@ -27,6 +27,10 @@ export default {
       defaultValue: "https://login.bib.dk/userinfo",
       control: { type: "text" }
     },
+    logOutUrl: {
+      defaultValue: "/Logout",
+      control: { type: "text" }
+    },
     textNotificationsEnabledConfig: {
       defaultValue: "1",
       control: { type: "text" }
diff --git a/src/apps/create-patron-user-info/UserInfo.tsx b/src/apps/create-patron-user-info/UserInfo.tsx
index bdf3b8c152..48c122db9b 100644
--- a/src/apps/create-patron-user-info/UserInfo.tsx
+++ b/src/apps/create-patron-user-info/UserInfo.tsx
@@ -17,6 +17,7 @@ export interface UserInfoProps {
 
 const UserInfo: FC<UserInfoProps> = ({ cpr }) => {
   const t = useText();
+  const { logoutUrl } = useUrls();
   const config = useConfig();
   const formRef = useRef<HTMLFormElement>(null);
   const { redirectOnUserCreatedUrl } = useUrls();
@@ -104,8 +105,9 @@ const UserInfo: FC<UserInfoProps> = ({ cpr }) => {
             <button
               type="button"
               className="link-tag mx-16"
-              // todo, click cancel, what then?
-              onClick={() => {}}
+              onClick={() => {
+                redirectTo(logoutUrl);
+              }}
             >
               {t("createPatronCancelButtonText")}
             </button>