diff --git a/src/view/shell/bottom-bar/BottomBarStyles.tsx b/src/view/shell/bottom-bar/BottomBarStyles.tsx
index 2602862dcb..a7c76eb332 100644
--- a/src/view/shell/bottom-bar/BottomBarStyles.tsx
+++ b/src/view/shell/bottom-bar/BottomBarStyles.tsx
@@ -1,6 +1,6 @@
 import {StyleSheet} from 'react-native'
 
-import {atoms as a} from '#/alf'
+import {atoms as a, tokens} from '#/alf'
 
 export const styles = StyleSheet.create({
   bottomBar: {
@@ -10,8 +10,8 @@ export const styles = StyleSheet.create({
     right: 0,
     flexDirection: 'row',
     borderTopWidth: StyleSheet.hairlineWidth,
-    paddingLeft: 5,
-    paddingRight: 10,
+    paddingLeft: tokens.space.sm,
+    paddingRight: tokens.space.sm,
   },
   bottomBarWeb: a.fixed,
   ctrl: {