From c81300f7868a12b4cb015486cff30a89f3733062 Mon Sep 17 00:00:00 2001
From: Azri Kahar <42867097+azrikahar@users.noreply.github.com>
Date: Wed, 20 Oct 2021 21:51:28 +0800
Subject: [PATCH] improve folder picker selection highlight (#8954)

---
 .../modules/files/components/folder-picker-list-item.vue   | 7 -------
 app/src/modules/files/components/folder-picker.vue         | 3 +++
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/src/modules/files/components/folder-picker-list-item.vue b/app/src/modules/files/components/folder-picker-list-item.vue
index 6dcdeacc7e..b8380bc04f 100644
--- a/app/src/modules/files/components/folder-picker-list-item.vue
+++ b/app/src/modules/files/components/folder-picker-list-item.vue
@@ -71,10 +71,3 @@ export default defineComponent({
 	},
 });
 </script>
-
-<style scoped>
-.folder-picker-list-item {
-	--v-list-item-background-color-hover: var(--background-normal-alt);
-	--v-list-item-background-color-active: var(--background-normal-alt);
-}
-</style>
diff --git a/app/src/modules/files/components/folder-picker.vue b/app/src/modules/files/components/folder-picker.vue
index f7196a4687..81c6d50b1f 100644
--- a/app/src/modules/files/components/folder-picker.vue
+++ b/app/src/modules/files/components/folder-picker.vue
@@ -152,6 +152,9 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 .folder-picker {
+	--v-list-item-background-color-hover: var(--background-normal-alt);
+	--v-list-item-background-color-active: var(--background-normal-alt);
+
 	padding: 12px;
 	background-color: var(--background-normal);
 	border-radius: var(--border-radius);