diff --git a/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue b/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue
index c03f45657c..e016de0bb4 100644
--- a/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue
+++ b/contentcuration/contentcuration/frontend/shared/views/Breadcrumbs.vue
@@ -25,7 +25,14 @@
           <VList v-for="(item, i) in collapsedItems" :key="`collapsed-${i}`">
             <VListTile :to="item.to">
               <VListTileTitle>
-                <slot name="item" :item="item" :index="i" :isLast="false"></slot>
+                <slot 
+                  name="item" 
+                  :item="item" 
+                  :index="i" 
+                  :isLast="false" 
+                  :isFirst="items[0].id === item.id"
+                >
+                </slot>
               </VListTileTitle>
             </VListTile>
           </VList>
@@ -47,7 +54,7 @@
         name="item"
         :item="item"
         :index="index"
-        :isFirst="index === 0"
+        :isFirst="items[0].id === item.id"
         :isLast="index === breadcrumbs.length - 1"
       ></slot>
     </VBreadcrumbsItem>
@@ -112,12 +119,16 @@
 
 </script>
 
-<style scoped>
+<style lang="less" scoped>
+
   /* Truncate text if the last item is too long */
   .breadcrumb:last-child {
     max-width: calc(100% - 76px);
   }
+
   /deep/ .v-breadcrumbs__item {
-    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
+
 </style>