diff --git a/src/components/FlatmapError.vue b/src/components/FlatmapError.vue
index af6796ef..f6e5814b 100644
--- a/src/components/FlatmapError.vue
+++ b/src/components/FlatmapError.vue
@@ -11,7 +11,7 @@
     </div>
     <div class="flatmap-error-message" v-if="flatmapError.messages">
       <div v-for="(message, index) in flatmapError.messages" :key="index">
-        {{ message }}
+        <div v-html="message"></div>
       </div>
     </div>
     <div v-if="flatmapError.button">
diff --git a/src/components/FlatmapVuer.vue b/src/components/FlatmapVuer.vue
index a48ad758..e9bf7488 100644
--- a/src/components/FlatmapVuer.vue
+++ b/src/components/FlatmapVuer.vue
@@ -3034,7 +3034,11 @@ export default {
       this.lastViewport = markRaw(this.mapImp.getState())
       this.flatmapError = {};
       this.flatmapError['title'] = 'GL context lost!'
-      this.flatmapError['messages'] = [`GL context is lost due to too many concurrent GL contexts. Please try using the Restore Context button.`]
+      this.flatmapError['messages'] = [`A display issue has occurred due
+      to a limit on available WebGL contexts. You can restore the display
+      using the Restore Context button. Please see the
+      <a href="https://docs.sparc.science/docs/integrated-maps-viewer-overview" target='_blank'>documentation</a>
+      for more details.`]
       this.flatmapError['button'] = {
         text: 'Restore Context',
         callback: () => {