diff --git a/utils/styles/checkbox.ts b/utils/styles/checkbox.ts
index 450c777fa..db68146b7 100644
--- a/utils/styles/checkbox.ts
+++ b/utils/styles/checkbox.ts
@@ -1,11 +1,14 @@
 export const checkbox = `
 input[type=checkbox] {
   appearance: none;
+  -webkit-appearance: none;
   margin: 0;
   cursor: pointer;
   display: flex;
   flex-direction: row;
   align-items: center;
+  width: 24px;
+  height: 24px;
 }
 input[type=checkbox]:after {
   display: block;
diff --git a/utils/styles/radio.ts b/utils/styles/radio.ts
index 2fce9ed80..2dd34c0ea 100644
--- a/utils/styles/radio.ts
+++ b/utils/styles/radio.ts
@@ -1,12 +1,20 @@
 export const radio = `
 input[type=radio] {
   appearance: none;
+  -webkit-appearance: none;
   margin: 0;
   cursor: pointer;
   display: flex;
   flex-direction: row;
   align-items: center;
+  width: 24px;
+  height: 24px;
 }
+
+label span {
+  font-size: 17px !important;
+}
+
 input[type=radio]:after {
   display: block;
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23004170' viewBox='0 0 24 24'%3E%3Ctitle%3Eradiobox-blank%3C/title%3E%3Cpath d='M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E");