diff --git a/src/public/stylesheets/theme-next-dark.css b/src/public/stylesheets/theme-next-dark.css
index 364dd9cb7..c38be9e51 100644
--- a/src/public/stylesheets/theme-next-dark.css
+++ b/src/public/stylesheets/theme-next-dark.css
@@ -46,9 +46,9 @@
     --input-action-button-color: #c6c6c6;
     --input-action-button-hover: white;
 
-    --radio-background: #ffffff30;
-    --radio-hover-background: #ffffff61;
-    --radio-indicator-color: white;
+    --radio-checkbox-background: #ffffff30;
+    --radio-checkbox-hover-background: #ffffff61;
+    --radio-checkbox-indicator-color: white;
 
     --select-focus-background: #333;
     --select-focus-text-color: var(--input-text-color);
diff --git a/src/public/stylesheets/theme-next-light.css b/src/public/stylesheets/theme-next-light.css
index 8bf38c3f1..2c08b6fa1 100644
--- a/src/public/stylesheets/theme-next-light.css
+++ b/src/public/stylesheets/theme-next-light.css
@@ -46,9 +46,9 @@
     --input-action-button-color: #575757;
     --input-action-button-hover: black;
 
-    --radio-background: #0000002e;
-    --radio-hover-background: #0000004f;
-    --radio-indicator-color: black;
+    --radio-checkbox-background: #0000002e;
+    --radio-checkbox-hover-background: #0000004f;
+    --radio-checkbox-indicator-color: black;
 
     --select-focus-background: white;
     --select-focus-text-color: var(--input-text-color);
diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css
index 0915c4cbc..da92b2611 100644
--- a/src/public/stylesheets/theme-next/forms.css
+++ b/src/public/stylesheets/theme-next/forms.css
@@ -230,11 +230,11 @@ label:has(input[type="checkbox"]:focus-visible)::before {
 /* The check box background */
 label:has(input[type="checkbox"])::before {
     border-radius: 3px;
-    background: var(--radio-background);
+    background: var(--radio-checkbox-background);
 }
 
 label:has(input[type="checkbox"]):hover:before {
-    background: var(--radio-hover-background);
+    background: var(--radio-checkbox-hover-background);
 }
 
 @keyframes checkbox-checked {
@@ -250,7 +250,7 @@ label:has(input[type="checkbox"])::after {
     mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3ctitle%3echeck-bold%3c/title%3e%3cpath d='M9%2c20.42L2.79%2c14.21L5.62%2c11.38L9%2c14.77L18.88%2c4.88L21.71%2c7.71L9%2c20.42Z' /%3e%3c/svg%3e");
     mask-position: center center;
     mask-size: .95em;
-    background-color: var(--radio-indicator-color);
+    background-color: var(--radio-checkbox-indicator-color);
     transform: scale(0);
     opacity: 0;
     transition: transform 300ms ease-out,
@@ -273,11 +273,11 @@ label:has(input[type="radio"])::after {
 
 /* The outer circle */
 label:has(input[type="radio"])::before {
-    background: var(--radio-background);
+    background: var(--radio-checkbox-background);
 }
 
 label:has(input[type="radio"]:hover)::before {
-    background: var(--radio-hover-background);
+    background: var(--radio-checkbox-hover-background);
 }
 
 /* The inner circle */
@@ -288,7 +288,7 @@ label:has(input[type="radio"])::after {
 }
 
 label:has(input[type="radio"]:checked)::after {
-    background: var(--radio-indicator-color);
+    background: var(--radio-checkbox-indicator-color);
     transform: scale(.5);
     transition: transform 150ms ease-in;
 }
\ No newline at end of file