From 7c79487f041292a13ca2867ba67b048fe10a63d0 Mon Sep 17 00:00:00 2001
From: SamFrank234 <95505948+SamFrank234@users.noreply.github.com>
Date: Wed, 23 Oct 2024 14:21:56 -0400
Subject: [PATCH] [PM-7565] fix filter icon alignment (#8790)

update styles so that folders and subfolders are correctly aligned in vault filters on web and desktop
---
 apps/desktop/src/scss/left-nav.scss  | 2 ++
 apps/web/src/scss/vault-filters.scss | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/apps/desktop/src/scss/left-nav.scss b/apps/desktop/src/scss/left-nav.scss
index dc882ad265..4404110ba6 100644
--- a/apps/desktop/src/scss/left-nav.scss
+++ b/apps/desktop/src/scss/left-nav.scss
@@ -141,6 +141,8 @@
       color: themed("headingButtonColor");
     }
 
+    margin-right: 0.25rem;
+
     &:hover,
     &:focus {
       @include themify($themes) {
diff --git a/apps/web/src/scss/vault-filters.scss b/apps/web/src/scss/vault-filters.scss
index 01c3903c50..27b4b8164f 100644
--- a/apps/web/src/scss/vault-filters.scss
+++ b/apps/web/src/scss/vault-filters.scss
@@ -43,6 +43,7 @@
 
   button.toggle-button,
   button.add-button {
+    margin-right: 0.25rem;
     &:hover,
     &:focus {
       @include themify($themes) {
@@ -98,6 +99,7 @@
   }
 
   .toggle-button {
+    margin-right: 0.25rem;
     &:hover,
     &:focus {
       @include themify($themes) {