From f3b17179754c1c3d63bac168b2f4da5849a98b4c Mon Sep 17 00:00:00 2001
From: Gabriel Duete <gabrielmonteiroduete@gmail.com>
Date: Thu, 13 Feb 2025 16:34:25 -0300
Subject: [PATCH] feat(rich-tooltip): add tag button instead tag p

---
 packages/core/src/components/rich-tooltip/rich-tooltip.scss | 2 ++
 packages/core/src/components/rich-tooltip/rich-tooltip.tsx  | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/components/rich-tooltip/rich-tooltip.scss b/packages/core/src/components/rich-tooltip/rich-tooltip.scss
index 1ab355d2c..cff342f5b 100644
--- a/packages/core/src/components/rich-tooltip/rich-tooltip.scss
+++ b/packages/core/src/components/rich-tooltip/rich-tooltip.scss
@@ -30,6 +30,8 @@
   }
 
   .action {
+    background: none;
+    border: none;
     color: var(--color-brand-secondary-regular);
     cursor: pointer;
     font: var(--button-medium);
diff --git a/packages/core/src/components/rich-tooltip/rich-tooltip.tsx b/packages/core/src/components/rich-tooltip/rich-tooltip.tsx
index 6aa76ea98..a1a4c4f0b 100644
--- a/packages/core/src/components/rich-tooltip/rich-tooltip.tsx
+++ b/packages/core/src/components/rich-tooltip/rich-tooltip.tsx
@@ -47,9 +47,9 @@ export class AtomRichTooltip {
               <slot />
             </p>
             {this.action === 'click' && this.actionText && (
-              <p class='action' onClick={() => this.buttonAction.emit()}>
+              <button class='action' onClick={() => this.buttonAction.emit()}>
                 {this.actionText}
-              </p>
+              </button>
             )}
           </div>
         </atom-tooltip>