From 59dcca18d63f4bf346fca27e87b84ef1cc0a29cb Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 6 Jun 2022 22:18:04 +0530
Subject: [PATCH] fix: dom nesting error (#1066)

---
 app/assets/javascripts/Components/NoteTags/NoteTag.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/Components/NoteTags/NoteTag.tsx b/app/assets/javascripts/Components/NoteTags/NoteTag.tsx
index 54844a37e..93b8b52c1 100644
--- a/app/assets/javascripts/Components/NoteTags/NoteTag.tsx
+++ b/app/assets/javascripts/Components/NoteTags/NoteTag.tsx
@@ -24,7 +24,7 @@ const NoteTag = ({ viewControllerManager, tag }: Props) => {
 
   const [showDeleteButton, setShowDeleteButton] = useState(false)
   const [tagClicked, setTagClicked] = useState(false)
-  const deleteTagRef = useRef<HTMLButtonElement>(null)
+  const deleteTagRef = useRef<HTMLAnchorElement>(null)
 
   const tagRef = useRef<HTMLButtonElement>(null)
 
@@ -130,7 +130,7 @@ const NoteTag = ({ viewControllerManager, tag }: Props) => {
         {title}
       </span>
       {showDeleteButton && (
-        <button
+        <a
           ref={deleteTagRef}
           type="button"
           className="ml-2 -mr-1 border-0 p-0 bg-transparent cursor-pointer flex"
@@ -139,7 +139,7 @@ const NoteTag = ({ viewControllerManager, tag }: Props) => {
           tabIndex={-1}
         >
           <Icon type="close" className="sn-icon--small color-neutral hover:color-info" />
-        </button>
+        </a>
       )}
     </button>
   )