nextcloud
diff --git a/‎core/src/components/AppItem.vue‎
Lines changed: 5 additions & 2 deletions b/‎core/src/components/AppItem.vue‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎core/src/components/AppMenu.vue‎
Lines changed: 3 additions & 3 deletions b/‎core/src/components/AppMenu.vue‎
Lines changed: 3 additions & 3 deletions
@@ -149,6 +149,9 @@ const unreadLabel = computed(() => {
 		line-height: 1.3;
 		text-align: center;
 		color: var(--color-main-text);
+		// Needs a matching <html lang> to actually break with a hyphen.
+		-webkit-hyphens: auto;
+		hyphens: auto;
 		word-break: normal;
 		overflow-wrap: break-word;
 		max-width: 100%;
@@ -159,15 +162,15 @@ const unreadLabel = computed(() => {
 		font-weight: bold;
 	}
 
-	// Outlined variant: no fill or gradient; icon color is unforced.
+	// Outlined variant: no fill or gradient.
 	&--outlined &__circle {
 		background: transparent;
 		background-image: none;
 		box-shadow: inset 0 0 0 2px var(--color-border-maxcontrast);
 	}
 
 	&--outlined &__icon {
-		filter: brightness(0);
+		filter: var(--background-invert-if-dark);
 		mask: none;
 	}
 }
 
@@ -74,7 +74,7 @@ import { getCurrentUser } from '@nextcloud/auth'
 import { subscribe, unsubscribe } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
 import { isRTL, n, t } from '@nextcloud/l10n'
-import { generateFilePath, generateUrl } from '@nextcloud/router'
+import { generateUrl, imagePath } from '@nextcloud/router'
 import { defineComponent, ref } from 'vue'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcPopover from '@nextcloud/vue/components/NcPopover'
@@ -120,7 +120,7 @@ export default defineComponent({
 				active: false,
 				order: Number.MAX_SAFE_INTEGER,
 				href: generateUrl('/settings/apps'),
-				icon: generateFilePath('settings', 'img', 'settings_apps.svg'),
+				icon: imagePath('core', 'actions/add.svg'),
 				type: 'link',
 				name: t('core', 'More apps'),
 				unread: 0,
@@ -131,7 +131,7 @@ export default defineComponent({
 				active: false,
 				order: Number.MAX_SAFE_INTEGER,
 				href: 'https://apps.nextcloud.com/',
-				icon: generateFilePath('settings', 'img', 'apps.svg'),
+				icon: imagePath('core', 'actions/add.svg'),
 				type: 'link',
 				name: t('core', 'App store'),
 				unread: 0,