I'm using AG-Grid to show data in a grid. I want to customize checkbox without using any Custom Component for Checkbox.

I have to make the border slightly thin and change the border color and I'm struggling to do so.

I have tried this:-

.ag-theme-alpine .ag-checkbox-input-wrapper {
  font-size: 0.875rem !important;
  font-weight: 10px !important;
  border-color: #b3b3b3 !important;
}

I'm able to reduce the height/width of the checkbox by giving it a font-size. But the border color and border width is unaffected.

I also tried using border property- border: 0.5rem solid #b3b3b3. But it didn't work.