From 527dfbccf136e54d63640cab8a4175e168af2196 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hannes=20K=C3=BCttner?=
 <4376726+hanneskuettner@users.noreply.github.com>
Date: Fri, 3 May 2024 09:46:33 +0200
Subject: [PATCH] Fix `system-filter` wrap behavior (#22375)

---
 app/src/interfaces/_system/system-filter/system-filter.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/src/interfaces/_system/system-filter/system-filter.vue b/app/src/interfaces/_system/system-filter/system-filter.vue
index 72d4c805c7..ce84d3bf69 100644
--- a/app/src/interfaces/_system/system-filter/system-filter.vue
+++ b/app/src/interfaces/_system/system-filter/system-filter.vue
@@ -193,7 +193,7 @@ function addKeyAsNode() {
 				<template #activator="{ toggle, active }">
 					<button class="add-filter" :class="{ active }" @click="toggle">
 						<v-icon v-if="inline" name="add" class="add" small />
-						<v-text-overflow :text="t('interfaces.filter.add_filter')" />
+						<span>{{ t('interfaces.filter.add_filter') }}</span>
 						<v-icon name="expand_more" class="expand_more" />
 					</button>
 				</template>
@@ -271,6 +271,10 @@ function addKeyAsNode() {
 	.buttons {
 		padding: 0 10px;
 		font-weight: 600;
+
+		span {
+			white-space: nowrap;
+		}
 	}
 
 	&.empty {