diff --git a/package-lock.json b/package-lock.json
index b7c5c2b..9a32c0d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "bravue",
-  "version": "0.12.4",
+  "version": "0.15.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "bravue",
-      "version": "0.12.4",
+      "version": "0.15.1",
       "dependencies": {
         "@coreui/vue": "^4.4.0",
         "@fortawesome/fontawesome-svg-core": "^1.2.36",
@@ -20,7 +20,7 @@
         "core-js": "^3.6.5",
         "d3": "^7.1.1",
         "devbridge-autocomplete": "^1.4.11",
-        "igv": "^2.10.4",
+        "igv": "^2.15.11",
         "just-clone": "^3.2.1",
         "sinon": "^14.0.2",
         "tabulator-tables": "^4.9.3",
@@ -9834,9 +9834,9 @@
       }
     },
     "node_modules/igv": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/igv/-/igv-2.10.4.tgz",
-      "integrity": "sha512-VX7La1+moW5ZbFJkB5LGegKsgk0Nl2YjIkgwCdzjt73jHyp4o8pXh7fxONkR/Kl98Y7PjwnxqL9DMhOzt2R16Q=="
+      "version": "2.15.11",
+      "resolved": "https://registry.npmjs.org/igv/-/igv-2.15.11.tgz",
+      "integrity": "sha512-oJs6z4ogv1GefIWaMdG5s4jFRuFQ/PjUgrGBMn12SbeeIC/VgHkHr56K5yIaC8ZSyameq/7IFDQaXu0qIu6cpA=="
     },
     "node_modules/import-fresh": {
       "version": "3.3.0",
@@ -25483,9 +25483,9 @@
       "dev": true
     },
     "igv": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/igv/-/igv-2.10.4.tgz",
-      "integrity": "sha512-VX7La1+moW5ZbFJkB5LGegKsgk0Nl2YjIkgwCdzjt73jHyp4o8pXh7fxONkR/Kl98Y7PjwnxqL9DMhOzt2R16Q=="
+      "version": "2.15.11",
+      "resolved": "https://registry.npmjs.org/igv/-/igv-2.15.11.tgz",
+      "integrity": "sha512-oJs6z4ogv1GefIWaMdG5s4jFRuFQ/PjUgrGBMn12SbeeIC/VgHkHr56K5yIaC8ZSyameq/7IFDQaXu0qIu6cpA=="
     },
     "import-fresh": {
       "version": "3.3.0",
diff --git a/package.json b/package.json
index d0caa06..f331d1d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bravue",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -25,7 +25,7 @@
     "core-js": "^3.6.5",
     "d3": "^7.1.1",
     "devbridge-autocomplete": "^1.4.11",
-    "igv": "^2.10.4",
+    "igv": "^2.15.11",
     "just-clone": "^3.2.1",
     "sinon": "^14.0.2",
     "tabulator-tables": "^4.9.3",
diff --git a/src/components/Reads.vue b/src/components/Reads.vue
index 27c185d..9c6313c 100644
--- a/src/components/Reads.vue
+++ b/src/components/Reads.vue
@@ -46,7 +46,7 @@
 </template>
 
 <script>
-import igv from "igv"
+import igv from "igv/dist/igv.esm.js"
 import axios from "axios"
 import { inject } from "vue"
 axios.defaults.withCredentials=true
@@ -128,7 +128,7 @@ export default {
         }
         this.loading = false;
         this.$nextTick(function () {
-          this.options.locus = `${this.variant.chrom}:${this.variant.pos - 100}-${this.variant.pos + 99}`;
+          this.options.locus = `${this.variant.chrom}:${this.variant.pos}`;
           let self = this;
           igv.createBrowser(this.$refs.igv, this.options).then(function(browser) {
             igv.browser = browser