update

src/components/ProductTab/index.js

@@ -10,7 +10,7 @@ const ProductTab = ({ tabs }) => {
         <ul className="flex flex-row">
           {tabs.map((tab, index) => (
             <li
-              className={`text-sm m-4 cursor-pointer hover:border-b-2 leading-7 hover:text-blue-600 ${
+              className={`text-sm m-4 cursor-pointer hover:text-blue-400 ${
                 selectedTab === tab ? "text-blue-600" : ""
               }`}
               onClick={() => setSelectedTab(tab)}

src/components/ProductTab/table/index.js

@@ -16,10 +16,13 @@ const Table = ({ specifications }) => {
     <ul className="w-full">
       {Object.keys(specifications).map((specification, index) => (
         <li className="flex my-3">
-          <div className="bg-white rounded p-3 ml-2" style={{ flex: 2 }}>
+          <div
+            className="bg-white rounded p-3 ml-2 text-blue-600 text-sm"
+            style={{ flex: 2 }}
+          >
             {persian[specification]}
           </div>
-          <div className="bg-white rounded p-3" style={{ flex: 8 }}>
+          <div className="bg-white rounded p-3 text-sm" style={{ flex: 8 }}>
             {specifications[specification]}
           </div>
         </li>