fix(PagePicker): Increase maximum breadcrumb width

Signed-off-by: Jonas <[email protected]>

src/components/Page/PagePicker.vue

@@ -17,7 +17,7 @@
 					</NcButton>
 				</div>
 				<template v-if="selectedCollective">
-					<div class="crumbs-collective">
+					<div class="crumbs-level">
 						<ChevronRightIcon :size="20" />
 						<NcButton type="tertiary"
 							:aria-label="t('collectives', 'Breadcrumb for collective {name}', { name: selectedCollective.name })"
@@ -410,30 +410,26 @@ export default {
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
-		flex: 0 0 auto;
-		max-width: 200px;
+		max-width: 300px;
 
 		.crumb-button {
 			color: var(--color-text-maxcontrast);
 		}
 
-		&:hover {
-			opacity: 1;
-		}
-
 		&.crumbs-home {
 			flex-shrink: 0;
 		}
 
 		&.crumbs-level {
 			display: inline-flex;
-			min-width: 0;
-			flex-shrink: 1;
+			min-width: 65px;
+
+			&:last-child {
+				flex-shrink: 0;
+			}
 		}
 
 		&:last-child {
-			flex-shrink: 0;
-
 			.crumb-button {
 				color: var(--color-main-text);
 			}