From 9d7bfbba38a638033f5e9770883223ba24415541 Mon Sep 17 00:00:00 2001
From: JG <133214016+grimmoc@users.noreply.github.com>
Date: Thu, 26 Oct 2023 08:53:33 +0200
Subject: [PATCH] aligned tag styling in search (#9864)

* aligned styling

* updated changelog
---
 changelog/unreleased/enhancement-search-tags-filter-style | 6 ++++++
 packages/web-app-files/src/components/Search/List.vue     | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 changelog/unreleased/enhancement-search-tags-filter-style

diff --git a/changelog/unreleased/enhancement-search-tags-filter-style b/changelog/unreleased/enhancement-search-tags-filter-style
new file mode 100644
index 00000000000..797a842fcf7
--- /dev/null
+++ b/changelog/unreleased/enhancement-search-tags-filter-style
@@ -0,0 +1,6 @@
+Enhancement: Search tags filter chips style aligned
+
+We've aligned the style of tags filter in search with the tags panel redesign.
+
+https://github.com/owncloud/web/pull/9864
+https://github.com/owncloud/web/issues/9834
diff --git a/packages/web-app-files/src/components/Search/List.vue b/packages/web-app-files/src/components/Search/List.vue
index ec489f80daa..80fb3f0025d 100644
--- a/packages/web-app-files/src/components/Search/List.vue
+++ b/packages/web-app-files/src/components/Search/List.vue
@@ -21,10 +21,10 @@
           filter-name="tags"
         >
           <template #image="{ item }">
-            <oc-avatar :width="24" :user-name="item.label" />
-          </template>
-          <template #item="{ item }">
-            <span v-text="item.label" />
+            <div class="tag-option-wrapper oc-flex oc-flex-middle">
+              <oc-icon name="price-tag-3" size="small" />
+              <span class="oc-ml-s">{{ item.label }}</span>
+            </div>
           </template>
         </item-filter>
         <item-filter