diff --git a/src/App.svelte b/src/App.svelte
index 9ae3ba9..eb4de9a 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -58,7 +58,7 @@
         on:click={() => {
           $loginStore = null;
           localStorage.removeItem("login-session");
-          localStorage.removeItem("pop2_access_token");
+          LOGIN.logout();
         }}
       >
         Logout
diff --git a/src/utils/login.ts b/src/utils/login.ts
index 985d0b1..eb75746 100644
--- a/src/utils/login.ts
+++ b/src/utils/login.ts
@@ -10,6 +10,9 @@ export const LOGIN = {
   init: () => {
     POP2.init(TOKEN_AUTHORIZE_API, OAUTH2_CLIENT_ID, "openid profile name", 500, 600);
   },
+  logout: () => {
+    POP2.logout();
+  },
   clientRequest: (resource: string, options: RequestInit, refresh: boolean) => {
     return POP2.clientRequest(resource, options, refresh);
   },
diff --git a/src/utils/pop2.js b/src/utils/pop2.js
index b2b772b..6cabcb8 100644
--- a/src/utils/pop2.js
+++ b/src/utils/pop2.js
@@ -128,6 +128,10 @@ export const POP2 = (function (w) {
         return true;
       }
     },
+    logout: function () {
+      access_token = "";
+      localStorage.removeItem("pop2_access_token");
+    },
     clientRequest: function (resource, options, refresh = false) {
       const sendRequest = function () {
         options.credentials = "include";