diff --git a/ui/theme/src/tokens/index.ts b/ui/theme/src/tokens/index.ts
index 46e976311..eef2f1a7b 100644
--- a/ui/theme/src/tokens/index.ts
+++ b/ui/theme/src/tokens/index.ts
@@ -2,7 +2,7 @@ export * from './animations.js'
 export * from './colors/index.js'
 export * from './layout/spaces.js'
 export * from './opacities.js'
-export * from './radii.js'
+export * from './layout/radii.js'
 export * from './space.js'
 export * from './typography/index.js'
 export * from './z-index.js'
diff --git a/ui/theme/src/tokens/radii.ts b/ui/theme/src/tokens/layout/radii.ts
similarity index 81%
rename from ui/theme/src/tokens/radii.ts
rename to ui/theme/src/tokens/layout/radii.ts
index 5a1b757f8..6e382287a 100644
--- a/ui/theme/src/tokens/radii.ts
+++ b/ui/theme/src/tokens/layout/radii.ts
@@ -1,6 +1,13 @@
 export const radii = {
-  none: 'none',
-  full: '100%',
+  none: '0',
+  xs3: '2px',
+  xs2: '4px',
+  xs: '8px',
+  sm: '12px',
+  md: '16px',
+  lg: '24px',
+  full: '9999px',
+  // TODO remove after components refactoring
   f1: '1px',
   f2: '2px',
   f3: '3px',