update

src/components/ReactTable4/BasicTable.js

@@ -179,7 +179,7 @@ const BasicTable = ({
                     <th
                       {...column.getHeaderProps(column.getSortByToggleProps())}
                       scope="col"
-                      className="cursor-pointer p-2 text-right text-xs font-medium"
+                      className="cursor-pointer py-2 px-4 text-right text-xs font-medium"
                       style={{ color: "#3287B9" }}
                     >
                       {column.render("Header")}
@@ -201,7 +201,10 @@ const BasicTable = ({
                 {headerGroups.map((headerGroup, index) => (
                   <tr key={index} {...headerGroup.getHeaderGroupProps()}>
                     {headerGroup.headers.map((column) => (
-                      <th {...column.getHeaderProps()} className="py-2 text-sm">
+                      <th
+                        {...column.getHeaderProps()}
+                        className="py-2 px-4 text-sm"
+                      >
                         {column.canFilter ? column.render("Filter") : null}
                       </th>
                     ))}