From 2fa8767f5c64e29ef95ca8bcee8338919286fb8c Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Mon, 14 Jun 2021 17:49:24 -0300
Subject: [PATCH] styles: make note tags background color transparent

---
 app/assets/javascripts/components/AutocompleteTagInput.tsx | 2 +-
 app/assets/javascripts/components/NoteTagsContainer.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/components/AutocompleteTagInput.tsx b/app/assets/javascripts/components/AutocompleteTagInput.tsx
index e7d242798..41b77280d 100644
--- a/app/assets/javascripts/components/AutocompleteTagInput.tsx
+++ b/app/assets/javascripts/components/AutocompleteTagInput.tsx
@@ -102,7 +102,7 @@ export const AutocompleteTagInput = observer(({ appState }: Props) => {
       <Disclosure open={dropdownVisible} onChange={showDropdown}>
         <input
           ref={inputRef}
-          className={`${tags.length > 0 ? 'w-80' : 'w-70 mr-10'} bg-default text-xs
+          className={`${tags.length > 0 ? 'w-80' : 'w-70 mr-10'} bg-transparent text-xs
             color-text no-border h-7 focus:outline-none focus:shadow-none focus:border-bottom`}
           value={autocompleteSearchQuery}
           onChange={onSearchQueryChange}
diff --git a/app/assets/javascripts/components/NoteTagsContainer.tsx b/app/assets/javascripts/components/NoteTagsContainer.tsx
index 8d94cdf42..59baadd52 100644
--- a/app/assets/javascripts/components/NoteTagsContainer.tsx
+++ b/app/assets/javascripts/components/NoteTagsContainer.tsx
@@ -21,7 +21,7 @@ const NoteTagsContainer = observer(({ appState }: Props) => {
 
   return (
       <div
-        className="bg-default flex flex-wrap min-w-80 -mt-1 -mr-2"
+        className="bg-transparent flex flex-wrap min-w-80 -mt-1 -mr-2"
         style={{
           maxWidth: tagsContainerMaxWidth,
         }}