history format changed

src/components/customTabs/TabButton.jsx

@@ -3,22 +3,13 @@ import React from 'react'
 export default function TabButton({ item='', selectedTab='', setSelectedTab=()=>{} }) {
   return (
     <button
-      className={`px-4 py-1 rounded-t-2xl border-t-[2px] transition-all duration-200 flex flex-col justify-center items-center ${
-        selectedTab === item
-          ? "bg-red-50 dark:bg-[#D85A5A] text-slate-600 font-extrabold"
-          : "bg-white text-[#000]"
+      className={`flex lg:space-x-4 space-x-2 hover:text-purple transition-all duration-300 ease-in-out items-center cursor-pointer lg:mb-11 mb-2 mr-6 lg:mr-0 float-left lg:float-none overflow-hidden ${
+        selectedTab === item ? "text-purple" : " text-thin-light-gray"
       }`}
       value={item}
       name={item}
       onClick={() => setSelectedTab(item)}
     >
-      <div
-        className={`mb-[1px] h-6 w-6 border-4 rounded-full transition-all duration-200 ${
-          selectedTab === item
-            ? "border-white bg-emerald-500"
-            : "border-red-50 dark:border-[#D85A5A] bg-white"
-        }`}
-      ></div>
       {item[0].toUpperCase() + item.slice(1)}
     </button>
   )