From bb7007214d7d3b890bd6db467aad6c7cf38409d0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Curcio?= <curciobelen@gmail.com>
Date: Thu, 13 Sep 2018 09:32:05 -0300
Subject: [PATCH] Adding button

---
 src/core/client/ui/components/Tabs/Tab.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/core/client/ui/components/Tabs/Tab.tsx b/src/core/client/ui/components/Tabs/Tab.tsx
index e0fd95eb8..74cb146fd 100644
--- a/src/core/client/ui/components/Tabs/Tab.tsx
+++ b/src/core/client/ui/components/Tabs/Tab.tsx
@@ -1,5 +1,5 @@
 import cn from "classnames";
-import React, { ReactNode } from "react";
+import React from "react";
 import { withStyles } from "talk-ui/hocs";
 import * as styles from "./Tab.css";
 
@@ -55,12 +55,17 @@ class Tab extends React.Component<TabProps> {
         className={rootClassName}
         key={`${tabId}-tab`}
         id={`${tabId}-tab`}
-        role="tab"
+        role="presentation"
         onClick={this.handleTabClick}
-        aria-controls={tabId}
-        aria-selected={active}
       >
-        {children}
+        <button
+          aria-controls={tabId}
+          role="tab"
+          aria-selected={active}
+          onClick={this.handleTabClick}
+        >
+          {children}
+        </button>
       </li>
     );
   }