diff --git a/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue b/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue
index 859e7da8ce..ba177abfec 100644
--- a/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue
@@ -108,13 +108,13 @@
     },
     methods: {
       handleOverflow() {
-        const maxWidth = this.$refs.breadcrumbs.$el.offsetWidth;
         let totalWidth = 0;
         this.breadcrumbStartingIndex = 0;
         this.$nextTick(() => {
-          if (this.$refs.breadcrumb) {
+          if (this.$refs.breadcrumb && this.$refs.breadcrumb) {
+            const maxWidth = this.$refs.breadcrumbs.$el.offsetWidth;
             for (var i = this.$refs.breadcrumb.length - 1; i >= 0; --i) {
-              totalWidth += this.$refs.breadcrumb[i].$el.offsetWidth + 40;
+              totalWidth += this.$refs.breadcrumb[i].$el.offsetWidth + 60;
 
               // Bounds exceeded, go back to previous index
               if (totalWidth >= maxWidth - 48) {