diff --git a/web/gr-serviceuser-create.ts b/web/gr-serviceuser-create.ts
index 4f49e4e..3ee2a70 100644
--- a/web/gr-serviceuser-create.ts
+++ b/web/gr-serviceuser-create.ts
@@ -225,8 +225,7 @@
   }
 
   private getPluginBaseURL() {
-    var href = window.location.href;
-    return href.substring(0, href.lastIndexOf('/create'));
+    return `${window.location.origin}${window.CANONICAL_PATH || ''}/x/${this.plugin.getPluginName()}`;
   }
 
   private getConfig() {
diff --git a/web/gr-serviceuser-list.ts b/web/gr-serviceuser-list.ts
index dc22fe8..ee9e7d0 100644
--- a/web/gr-serviceuser-list.ts
+++ b/web/gr-serviceuser-list.ts
@@ -218,7 +218,6 @@
   }
 
   private getPluginBaseURL() {
-    var href = window.location.href;
-    return href.substring(0, href.lastIndexOf('/list'));
+    return `${window.location.origin}${window.CANONICAL_PATH || ''}/x/${this.plugin.getPluginName()}`;
   }
 }
diff --git a/web/plugin.ts b/web/plugin.ts
index 1f777f0..d6f90b1 100644
--- a/web/plugin.ts
+++ b/web/plugin.ts
@@ -21,6 +21,12 @@
 import './gr-serviceuser-detail';
 import './gr-serviceuser-list';
 
+declare global {
+  interface Window {
+    CANONICAL_PATH?: string;
+  }
+}
+
 export interface AccountCapabilityInfo {
   administrateServer: boolean;
   'serviceuser-createServiceUser': boolean;
@@ -40,6 +46,6 @@
       }
       plugin.screen('list', 'gr-serviceuser-list');
       plugin.screen('user', 'gr-serviceuser-detail');
-      plugin.admin().addMenuLink('Service Users', '/x/serviceuser/list');
+      plugin.admin().addMenuLink('Service Users', `${window.CANONICAL_PATH || ''}/x/serviceuser/list`);
     });
 });