diff --git a/ui/src/components/button/index.js b/ui/src/components/button/index.js
index 2594324e..7fa255d2 100644
--- a/ui/src/components/button/index.js
+++ b/ui/src/components/button/index.js
@@ -56,7 +56,7 @@ const color = match({
 
 const borderRadius = match({
   rect: 0
-}, remcalc(boxes.borderRadius));
+}, boxes.borderRadius);
 
 // based on bootstrap 4
 const style = css`
diff --git a/ui/src/components/radio-group/item.js b/ui/src/components/radio-group/item.js
index 565048d5..98177329 100644
--- a/ui/src/components/radio-group/item.js
+++ b/ui/src/components/radio-group/item.js
@@ -35,7 +35,7 @@ const RadioItem = styled.div`
 
   &[aria-checked="true"] {
     border: ${boxes.border.checked};
-    box-shadow: ${remcalc(boxes.borderRadius)};
+    box-shadow: ${boxes.borderRadius};
   }
 
   &.disabled {