fix(unified-search): do not overlap search with button

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

1 files changed, 4 insertions, 4 deletions

diff --git a/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue b/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue
index 888fa47fa09..1860c54e1ff 100644
--- a/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue
+++ b/core/src/components/UnifiedSearch/UnifiedSearchLocalSearchBar.vue
@@ -123,7 +123,7 @@ function clearAndCloseSearch() {
 		// this can break at any time the component library changes
 		:deep(input) {
 			// search global width + close button width
-			padding-inline-end: calc(v-bind('searchGlobalButtonWidth') + var(--default-clickable-area));
+			padding-inline-end: calc(v-bind('searchGlobalButtonCSSWidth') + var(--default-clickable-area));
 		}
 	}
 }
@@ -132,8 +132,8 @@ function clearAndCloseSearch() {
 	transition: width var(--animation-quick) linear;
 }
 
-// Make the position absolut during the transition
-// this is needed to "hide" the button begind it
+// Make the position absolute during the transition
+// this is needed to "hide" the button behind it
 .v-leave-active {
 	position: absolute !important;
 }
@@ -141,7 +141,7 @@ function clearAndCloseSearch() {
 .v-enter,
 .v-leave-to {
 	&.local-unified-search {
-		// Start with only the overlayed button
+		// Start with only the overlay button
 		--local-search-width: var(--clickable-area-large);
 	}
 }