diff --git a/src/components/common/TabCommon/TabItem/TabItem.tsx b/src/components/common/TabCommon/TabItem/TabItem.tsx
index 62de3c595..6881c2aca 100644
--- a/src/components/common/TabCommon/TabItem/TabItem.tsx
+++ b/src/components/common/TabCommon/TabItem/TabItem.tsx
@@ -1,22 +1,19 @@
-import classNames from "classnames";
 import React from "react"
 import s from './TabItem.module.scss'
 
 interface TabItemProps {
-    active: string;
+    active: boolean;
     children: string;
-    onClick: () => void;
+    onClick: (tabIndex: number, tabPane: string) => void;
 }
 
-const TabItem = ({ active = "", children, onClick } : TabItemProps) => {
+const TabItem = ({ active = false, children, onClick } : TabItemProps) => {
 
     return (
-        <span onClick={onClick} className={classNames(s.tabItem, {
-            [s[active]]: active
-        })}>
+        <span onClick={onClick} className={active ? s.tabItemActive : s.tabItem} >
             {children}
         </span>
     )
 }
 
-export default TabItem;
\ No newline at end of file
+export default TabItem;