From e6853b2a6966e3351add62eb69adbea7f4b554c3 Mon Sep 17 00:00:00 2001
From: Laura Martinez Garcia <lauram@empathy.co>
Date: Tue, 17 Dec 2024 14:44:52 +0100
Subject: [PATCH] refactor: replace the button root node in related-prompt.vue
 with a div

---
 .../x-modules/related-prompts/components/related-prompt.vue  | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue b/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue
index a0d663ede..e5ba7b4c8 100644
--- a/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue
+++ b/packages/x-components/src/x-modules/related-prompts/components/related-prompt.vue
@@ -1,6 +1,7 @@
 <template>
-  <button
+  <div
     @click="toggleSuggestion(index)"
+    @keydown="toggleSuggestion(index)"
     class="x-related-prompt__button"
     :class="[{ 'x-related-prompt-selected__button': isSelected }]"
   >
@@ -20,7 +21,7 @@
       <CrossTinyIcon v-if="isSelected" class="x-icon-lg" />
       <PlusIcon v-else class="x-icon-lg" />
     </slot>
-  </button>
+  </div>
 </template>
 <script lang="ts">
   import { defineComponent, PropType } from 'vue';