From efd1041620fe4d6a06aeff56a93f923036c3a82b Mon Sep 17 00:00:00 2001
From: Guilherme Caponetto <638737+caponetto@users.noreply.github.com>
Date: Tue, 19 Mar 2024 15:17:46 -0300
Subject: [PATCH] Fix Tags component style

---
 packages/ui-components/src/FormComponents/Tags.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/ui-components/src/FormComponents/Tags.tsx b/packages/ui-components/src/FormComponents/Tags.tsx
index e559e9336..99ac91e69 100644
--- a/packages/ui-components/src/FormComponents/Tags.tsx
+++ b/packages/ui-components/src/FormComponents/Tags.tsx
@@ -112,7 +112,7 @@ export const Tags: React.FC<ITagProps> = ({
   const inputBox =
     addingNewTag === true ? (
       <ul
-        className={`${FORM_EDITOR_TAG} tag unapplied-tag`}
+        className={`${FORM_EDITOR_TAG} jp-CellTags-Tag jp-CellTags-Unapplied`}
         key={'editor-new-tag'}
       >
         <input
@@ -134,7 +134,7 @@ export const Tags: React.FC<ITagProps> = ({
     ) : (
       <button
         onClick={(): void => setAddingNewTag(true)}
-        className={`${FORM_EDITOR_TAG} tag unapplied-tag`}
+        className={`${FORM_EDITOR_TAG} jp-CellTags-Tag jp-CellTags-Unapplied`}
       >
         Add Tag
         <addIcon.react
@@ -157,7 +157,7 @@ export const Tags: React.FC<ITagProps> = ({
                 return (
                   <button
                     onClick={handleClick}
-                    className={`${FORM_EDITOR_TAG} tag unapplied-tag`}
+                    className={`${FORM_EDITOR_TAG} jp-CellTags-Tag jp-CellTags-Unapplied`}
                     id={`editor-${tag}-${index}`}
                     key={`editor-${tag}-${index}`}
                   >
@@ -170,7 +170,7 @@ export const Tags: React.FC<ITagProps> = ({
                 return (
                   <button
                     onClick={handleClick}
-                    className={`${FORM_EDITOR_TAG} tag applied-tag`}
+                    className={`${FORM_EDITOR_TAG} jp-CellTags-Tag jp-CellTags-Applied`}
                     id={`editor-${tag}-${index}`}
                     key={`editor-${tag}-${index}`}
                   >
@@ -189,7 +189,7 @@ export const Tags: React.FC<ITagProps> = ({
                 return (
                   <button
                     onClick={handleClick}
-                    className={`${FORM_EDITOR_TAG} tag unapplied-tag`}
+                    className={`${FORM_EDITOR_TAG} jp-CellTags-Tag jp-CellTags-Unapplied`}
                     id={`editor-${tag}-${index}`}
                     key={`editor-${tag}-${index}`}
                   >