diff --git a/ui/src/components/radio-group/style.css b/ui/src/components/radio-group/style.css
index 00e48ca0..edf06a75 100644
--- a/ui/src/components/radio-group/style.css
+++ b/ui/src/components/radio-group/style.css
@@ -4,7 +4,7 @@
 :root {
    --border-checked: ~boxes.border.checked;
    --border-unchecked: ~boxes.border.unchecked;
-   --border-radius: ~boxes.borderRadius;
+   --border-radius: remCalc(~boxes.borderRadius);
    --bottom-shaddow: ~boxes.bottomShaddow;
 }
 
diff --git a/ui/src/components/tab/style.css b/ui/src/components/tab/style.css
index c7a09708..80429677 100644
--- a/ui/src/components/tab/style.css
+++ b/ui/src/components/tab/style.css
@@ -5,7 +5,7 @@
 
 :root {
    --border-unchecked: ~boxes.border.unchecked;
-   --border-radius: ~boxes.borderRadius;
+   --border-radius: remCalc(~boxes.borderRadius);
    --bottom-shaddow: ~boxes.bottomShaddow;
 }
 
diff --git a/ui/src/components/toggle/style.css b/ui/src/components/toggle/style.css
index dd4acca0..a67be68a 100644
--- a/ui/src/components/toggle/style.css
+++ b/ui/src/components/toggle/style.css
@@ -11,14 +11,14 @@
    --background-confirmed: ~colors.confirmation;
    --border-confirmed: ~boxes.border.confirmed;
    --border-unchecked: ~boxes.border.unchecked;
-   --border-radius: ~boxes.borderRadius;
+   --border-radius: remCalc(~boxes.borderRadius);
    --bottom-shaddow: ~boxes.bottomShaddow;
 }
 
 .toggle {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   color: #464646;
-  border-radius: 4px;
+  border-radius: var(--border-radius);
   width: 5rem;
   height: 2.5rem;