I cannot change the border color of antd table checkmark on hover

I want to change the checkmark border color to match the one i have set to the background but I cannot figure out how to do that because I am not able to find in the antd documentation and neither on inspecting the element on chrome.

I have attached a block of code and a screenshot of the problem. You can see the blue border around the “-” checkmark, removing the hover effect altogether also works for me.

enter image description here

<div className="tableData">
{/* <Resizable> */}
<Table
ref={componentRef}
rowSelection={{
type: "checkbox",
columnTitle: "",
selectedRowKeys,
onChange: (selectedRowKeys, selectedRows) => {
setSelectedRowKeys(selectedRowKeys);
setSelectedRows(selectedRows);
},
}}
dataSource={dataSource}
columns={columns}
scroll={{ y: 400, x: 1120 }}
style={{ maxWidth: 1600 }}
rowClassName={(record) =>
record.key % 2 === 0 ? "highlight_row" : ""
}
/>
{/* </Resizable> */}
</div>

I tried using inspect elements on chrome and also did some research on antd docs but no luck.