diff --git a/src/components/atoms/UiCheckbox/UiCheckbox.vue b/src/components/atoms/UiCheckbox/UiCheckbox.vue
index 1ea024d1..82d21285 100644
--- a/src/components/atoms/UiCheckbox/UiCheckbox.vue
+++ b/src/components/atoms/UiCheckbox/UiCheckbox.vue
@@ -276,7 +276,7 @@ defineExpose({ input });
       $element,
       $color: var(--color-border-strong),
       $width: 2px,
-      $radius: var(--border-radius-button),
+      $radius: functions.var('border-radius', $element, var(--border-radius-button)),
       $transition: (
         border-color 150ms ease-in-out,
         background-color 150ms ease-in-out