diff --git a/src/vector/thin_widget/app.tsx b/src/vector/thin_widget/app.tsx
index 8d64ecce93..637eed7b0a 100644
--- a/src/vector/thin_widget/app.tsx
+++ b/src/vector/thin_widget/app.tsx
@@ -32,7 +32,7 @@ export async function loadApp(opts: IStartOpts) {
     return <AppTile
         app={{
             id: "test1234",
-            url: "http://localhost:8081/index.html#/?widgetId=$matrix_widget_id",
+            url: "http://localhost:8082/index.html#/?widgetId=$matrix_widget_id",
             name: "Test Widget",
             type: "m.custom",
             data: {},
diff --git a/src/vector/thin_widget/index.ts b/src/vector/thin_widget/index.ts
index bf9b5d7131..613eff6756 100644
--- a/src/vector/thin_widget/index.ts
+++ b/src/vector/thin_widget/index.ts
@@ -22,7 +22,7 @@ import ReactDOM from 'react-dom';
 
 // The widget's options are encoded into the fragment to avoid leaking info to the server. The widget
 // spec on the other hand requires the widgetId and parentUrl to show up in the regular query string.
-const widgetQuery = qs.parse(window.location.hash.substring(1));
+const widgetQuery = qs.parse(window.location.hash.substring(2));
 const qsParam = (name: string, optional = false): string => {
     if (!optional && (!widgetQuery[name] || typeof (widgetQuery[name]) !== 'string')) {
         throw new Error(`Expected singular ${name} in query string`);