diff --git a/UI/CustomGenerator/CustomGeneratorPanel.ts b/UI/CustomGenerator/CustomGeneratorPanel.ts
index e1a1592ed2..618f90f214 100644
--- a/UI/CustomGenerator/CustomGeneratorPanel.ts
+++ b/UI/CustomGenerator/CustomGeneratorPanel.ts
@@ -43,8 +43,8 @@ export default class CustomGeneratorPanel extends UIElement {
         const es = new UIEventSource(layout);
         const encoded = es.map(config => LZString.compressToBase64(Utils.MinifyJSON(JSON.stringify(config, null, 0))));
         encoded.addCallback(encoded => LocalStorageSource.Get("last-custom-theme"))
-        const liveUrl = encoded.map(encoded => `./index.html?userlayout=${es.data.id}#${encoded}`)
-        const testUrl = encoded.map(encoded => `./index.html?test=true&userlayout=${es.data.id}#${encoded}`)
+        const liveUrl = encoded.map(encoded => `https://mapcomplete.osm.be/index.html?userlayout=${es.data.id}#${encoded}`)
+        const testUrl = encoded.map(encoded => `https://mapcomplete.osm.be/index.html?test=true&userlayout=${es.data.id}#${encoded}`)
         const iframe = testUrl.map(url => `<iframe src='${url}' width='100%' height='99%' style="box-sizing: border-box" title='Theme Preview'></iframe>`);
         const currentSetting = new UIEventSource<SingleSetting<any>>(undefined)
         const generalSettings = new GeneralSettings(es, currentSetting);