diff --git a/app/src/components/SVGContent.vue b/app/src/components/SVGContent.vue
index 6d92b0e..f8074d6 100644
--- a/app/src/components/SVGContent.vue
+++ b/app/src/components/SVGContent.vue
@@ -469,10 +469,11 @@ async function processScrolls(svg: XMLDocument): Promise<VideoScrollDef[]> {
                 direction as VideoScrollDirection
               )
             ) {
-              throw new Error(`Unknown direction string: "${direction}"`);
+              console.error(`Unknown direction definition: "${direction}"`);
+              return false;
             }
             return direction as VideoScrollDirection;
-          });
+          }).filter((d) => Boolean(d)) as VideoScrollDirection[];
 
         console.debug(`[SVG/VIDEOSCROLLS] Fetching ${filesURL}...`);
         const fileFetch = await fetch(`content/${filesURL}`);
diff --git a/app/src/components/VideoScroll.vue b/app/src/components/VideoScroll.vue
index a3523cb..9ede8db 100644
--- a/app/src/components/VideoScroll.vue
+++ b/app/src/components/VideoScroll.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="video-scroll" ref="root">
+  <div class="video-scroll" ref="root" v-if="definition.directions.length > 0">
     <img class="visible displayed loaded"
          :src="definition.files[0]"
          :style="{
@@ -93,9 +93,11 @@ export default defineComponent({
         }
       });
     });
-    Array.from((this.$refs.root as Element).children).forEach((el) => {
-      observer.observe(el);
-    });
+    if (this.$refs.root){
+      Array.from((this.$refs.root as Element).children).forEach((el) => {
+        observer.observe(el);
+      });
+    }
   }
 });