From 1fa2c6bfe183cff7aa2dc797711b14d8c6b7a62b Mon Sep 17 00:00:00 2001
From: Christophe <christophe.misc+git@protonmail.ch>
Date: Mon, 18 Sep 2023 18:21:22 +0200
Subject: [PATCH] fix(UnselectedTag): use semantic button

---
 components/TagSelector/UnselectedTag.tsx | 8 ++------
 styles/tagSelector.module.css            | 3 +--
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/components/TagSelector/UnselectedTag.tsx b/components/TagSelector/UnselectedTag.tsx
index bbf705d9..879aaf5f 100644
--- a/components/TagSelector/UnselectedTag.tsx
+++ b/components/TagSelector/UnselectedTag.tsx
@@ -1,17 +1,13 @@
 import { type FC } from 'react';
 import styles from 'styles/tagSelector.module.css';
-import actionable from 'styles/actionable.module.css';
 import { type Tag } from '@eosc-perf/eosc-perf-client';
 import clsx from 'clsx';
 
 type UnselectedTagProps = { tag: Tag; select: (tag: Tag) => void };
 const UnselectedTag: FC<UnselectedTagProps> = ({ tag, select }) => (
-    <div
-        className={clsx(styles['tagBadge'], 'p-1', actionable['actionable'])}
-        onClick={() => select(tag)}
-    >
+    <button className={clsx(styles['tagBadge'], 'p-1')} onClick={() => select(tag)} type="button">
         {tag.name}
-    </div>
+    </button>
 );
 
 export default UnselectedTag;
diff --git a/styles/tagSelector.module.css b/styles/tagSelector.module.css
index dfb9e38d..ed51d95b 100644
--- a/styles/tagSelector.module.css
+++ b/styles/tagSelector.module.css
@@ -1,10 +1,9 @@
-
 .tagBadge {
     border: solid 0.1em;
     border-radius: 4px;
+    background-color: unset;
 }
 
 .tagBadge:not(:last-child) {
     margin-right: 2px;
 }
-