Merge pull request #1373 from kleros/fix(web)/Tag-component-accessibility

fix(web): tag-component-accessibility-issue-fix

Author: alcercu

web/src/components/Tag.tsx

@@ -1,16 +1,24 @@
 import React from "react";
 import { Tag as BaseTag } from "@kleros/ui-components-library";
+import styled from "styled-components";
 
 interface ITag {
   text: string;
   active: boolean;
   onClick: () => void;
 }
+
+const TagContainer = styled.button`
+  padding: 0;
+  border: none;
+  background-color: transparent;
+`;
+
 const Tag: React.FC<ITag> = ({ text, active, onClick }) => {
   return (
-    <div onClick={onClick}>
+    <TagContainer onClick={onClick}>
       <BaseTag text={text} active={active} />
-    </div>
+    </TagContainer>
   );
 };