diff --git a/packages/web/src/elements/QueryDesignColumns.svelte b/packages/web/src/elements/QueryDesignColumns.svelte
index d9bc26d4d..45dfd5336 100644
--- a/packages/web/src/elements/QueryDesignColumns.svelte
+++ b/packages/web/src/elements/QueryDesignColumns.svelte
@@ -182,7 +182,7 @@
       <SelectField
         isNative
         style="min-width:calc(100% - 9px)"
-        value={row.sortOrder}
+        value={row.sortOrder?.toString()}
         on:change={e => {
           changeColumn({ ...row, sortOrder: parseInt(e.detail) });
         }}